Introducing Card Space

The no-code dApp builder for the decentralized Web

Cardstack Team
Apr 2 · 5 min read

At Cardstack, we are building a powerful dApp builder for Web 3.0 — one that can be used with the same ease as the beloved drag-and-drop builders from the Web 2.0 era.

The inspiration for Card Space comes from the reality creators are faced with today, which is dominated by big names like Google, Amazon, Youtube, or Facebook — centralized apps that sit between the world’s creative output and the world’s audiences. Creators can display their work on these platforms to get their audiences’ attention. But the platforms are the ones who actually make money off of those creators’ content, rather than the creators themselves.

There are two types of things that people want to do in the creative world:

  • create content, expressing themselves through images, audio, video, mixed media, AI, or other forms, and
  • commercialize their content, making money off of their own creations

“We want to get to a world where every single thing that you create as a creator has embedded commercial terms. And that, at the end of the day, is what Cardstack is trying to do.”

- Chris Tse, Cardstack Founder

That is where the Card Catalog comes in, which stores cards that represent

  • what people are trying to make (their media) and
  • what people are trying to monetize (their deals and offers)

To that end, we are creating Card Space, where these tools — whether they are deals/commercial terms, media cards, or other types of cards — can be embedded in a layout that is basically a website. We think of it as the WordPress of the decentralized Web. You can host it, distribute it, archive it, and make things happen in your own space that you control.

Inside Card Space

Connect a wallet

In Card Space, you can create your very own space quickly and easily — and you don’t even need to log in! Instead, you just connect your mobile wallet via WalletConnect. All you have to do is scan a QR code, confirm on your phone, and you’re inside this builder tool, ready to build and modify your space in any way you want.

Inspect the cards

The cards in your space are completely configurable. Not only can you edit the content of each card, but you can click on any card to inspect its structure and properties. This inspection tool allows you to configure the appearance (e.g. text, border colors, or corner radius) of the card or field, but also things like prices or terms (e.g. so that only a selected audience will be able to access your premium content).

Change the structure

The structure of the card layout is controlled by a schema. You can rearrange it like a table of contents, dragging the different elements of your card back & forth or changing their nested relationships. And your changes are reflected on the page immediately, so you know instantly what it will look like.

Rearrange the layout

Because your space is basically a website, you can change the layout. The outermost layer, called the “layout card”, acts as a container, which allows you to add, remove, and rearrange cards inside that layout — regardless of the type of card.

Add from the Card Catalog

The Card Catalog is a gallery of available cards, any of which you can simply drag into your space to add it to your layout.

Preview your space

At any point, you can enter preview mode, which will remove all the editing tools and show you what your space will look like to your users.

Find other spaces

You can search Card Space for spaces others have created too, so as to follow your favorite influencer, access your favorite content, or buy from your favorite business.

Learn More

If you would like to learn more Card Space, watch this video:

Chris Tse, Founding Director of the Cardstack Project, shares a sneak peek into Card Space — a no-code dApp builder for the decentralized Web.

To get all our latest updates, sign up for our newsletter on cardstack.com, star Cardstack on GitHub, and join our Discord channel or our Telegram group and announcement channel.

Cardstack

The collaborative OS for Web3

Cardstack

The collaborative OS for Web3: Cardstack opens the doors to Web3 for everyday people. Anyone will finally be able to build apps, create content and get paid in decentralized ways — no coding or crypto experience required.

Cardstack Team

Written by

Official account for the team behind the Cardstack project.

Cardstack

The collaborative OS for Web3: Cardstack opens the doors to Web3 for everyday people. Anyone will finally be able to build apps, create content and get paid in decentralized ways — no coding or crypto experience required.