Skip to main content
Your public author page (21st.dev/@you) can be a bento profile: a free-form grid of blocks you arrange to show off your work, get hired, and take support. Edit it in Studio → Profile, or manage it programmatically from the CLI and MCP.

​
Block types

Featured component

A live preview of one of your own published component demos, with optional side media. Up to 20 component blocks per board.

Work with me

A hire block — headline, short pitch, a CTA button, and a contact email.

Pro components

Links to your premium catalog or template shop, and carries your referral.

Support

A donation block linking to a supported platform (GitHub Sponsors, Ko-fi, Patreon, and more).

Social

A link card (X, GitHub, website…) with the icon auto-detected from the URL.

Image

A photo or GIF, uploaded to 21st and framed with zoom/position controls.

Note

A plain text card (up to 2,000 characters).

Divider

A full-width divider that splits the board into sections.
See Selling & promotion for the Work with me, Pro components, and Support blocks in detail.

​
Let an agent manage it

Your bento board is plain JSON in and out, so an AI agent holding your secret API key (21st_sk_…) can read and rewrite it for you — over the CLI, REST, or MCP. It’s owner-only: the key only ever edits its own account’s profile. 
21st profile get --json         # read the current board
21st profile set --file board.json   # replace it
21st profile upload ./cover.png # upload media, get a first-party URL
See CLI → Your profile.
Two rules the agent must follow: Featured component blocks can only reference your own public component demos, and Image blocks must use a 21st-hosted URL — upload the file first (21st profile upload / upload_profile_media) and use the returned URL. Foreign image URLs are dropped.
Writes are a full replace of the board — any block you omit is removed. Read the current board first, edit it, then set it back. A board holds up to 60 blocks (20 of them component blocks).