More reliable membership access

Your active membership is now recognized reliably across the site, so paid features no longer fall back to the free plan by mistake. If your subscription was active but your account still showed as free, it now reflects your membership correctly.

A faster, more dependable ASCII editor

Large images and videos now stay smoother while you edit, and saving or exporting preserves the full-quality result you created. Cropping, masks, animation, and published recipes also recover more reliably when you return to your work.

Group your components into a library

Publish a set of components as a named library with its own logo, links, and public page. Your profile gains a Libraries section so people can browse your work by collection, and every library gets a page of its own to share.

Move things around without republishing

From Studio you can add an existing component to a library, take it back out to your personal work, or move it from one library to another, without publishing anything again.

See what to build next

The Explore tab in Studio now ranks opportunities for you: niches nobody has filled yet, categories that are picking up, and things people searched for but couldn't find, so you always have a shortlist of what's worth building.

Turn any photo into ASCII art

The new ASCII Art editor turns any photo into ASCII, pixel, or dot art right in your browser. Drop in an image, pick a look, and fine-tune it live with sliders for style, detail, color, and effects, or just describe the look you want and the built-in assistant adjusts it for you. Crop and frame your photo first, turn on animation, and export the result as an image, video, or GIF.

Browse, remix, and publish recipes

Every look you build is a recipe you can save and share. Browse the community gallery, filter by tag, and open any recipe to drop it onto your own photo in one click, then tweak it into something of your own. Publish the looks you're proud of, and each one gets its own page to share.

Billing at a glance

Settings > Billing gets to the point now. If you're not on a paid plan yet, you see your options right there instead of a link off to the pricing page. If you're subscribed, a cleaner panel shows your next bill date, what you pay, and a link to the full details up front.

Shared AI credits for teams

On a Team plan, everyone now draws AI credits from one shared pool instead of each person tracking their own. The owner can buy extra credit packs or turn on automatic top-ups for the team, and promote a teammate to help with billing and invites.

Brand and UI logos in your editor

Search for a brand or UI logo and drop the SVG straight into your project from the CLI and MCP tools, without leaving your editor to hunt one down.

A refreshed blog

The blog has a cleaner listing with live video covers, article pages that match the rest of the site, and a launch post for each recent release.

A free-form profile board

Your profile is now 21st Bento: arrange components, links, photos, GIFs, and notes exactly how you want them.

Get paid for your work

Feature your best components, add a donation link, let people hire you, and link your pro components and socials, all from the same board.

Community Themes, free for everyone

Browse every shadcn theme the community built, preview it live, and publish your own in a couple of clicks.

Search 21st from inside your AI assistant

Results now come back as an inline, interactive card gallery, with live previews and one-tap get code, instead of plain text.

Connect 21st to assistants that support it

You can now connect 21st's tools to AI assistants that support connectors, so an assistant can search and pull in your components directly.

Magic is now 21st AI

Describe an idea and every frontier model builds it at once, so you compare real takes and keep the best. The home page is refreshed to be chat-first.

A rebuilt command-line tool

Publish and manage your components, themes, and templates from the terminal, pull in dependencies from other registries, and add 21st to your editor in one click.

A microsite for every author

Every author now gets a personal microsite at their own web address, with a custom look and control over which components to show.

See every device signed into your account

A new Devices page lets you see and sign out every device and session connected to your account.

Bookmarks, sorted by type

Your bookmarks page is redesigned with separate rows for components, themes, and templates.

Teams get a shared plan

Teams can now buy shared access on a single per-seat plan and invite their whole team.

Bookmark themes and templates too

You can save community themes and templates to your bookmark lists, with a right-click menu to save, add to a list, or copy a link.

Full control over component visibility

You can set any component to public, unlisted, or private right from the edit dialog.

Studio profiles, fully customizable

Studio profiles gain full customization: page themes, a hire-me block, a featured piece, and profile view stats.

Theme pages, refreshed

Theme pages have a fresh look and now show related themes.

Search, reimagined

Search now opens right where you are on any page, shows real matches first, and adds collapsible filters.

Email delivery, fixed

Team invites and account emails now reliably reach your inbox instead of the spam folder.

No more false upgrade prompts

Members no longer get wrongly asked to upgrade when a billing check hiccups, including right after paying.

The homepage feed loads reliably

The homepage feed no longer intermittently shows a long loading state or a blank grid.

Publish and browse community color themes

You can publish, browse, search, and bookmark community color themes, and filter them by primary color.

Manage your subscription from settings

Your subscription can now be managed directly from settings, with quarterly and yearly billing options.

Support 21st.dev with a membership

You can support 21st.dev with a paid membership that unlocks more component copies for you and your team.

Free copies, with limits

Free members get a set number of component copies, and the live demo is always visible before you copy.

The homepage becomes a real landing page

It's now a real landing page with a personalized feed of components to discover.

Browse, search, and sell templates

You can browse, search, and filter ready-made templates in the community, and component authors can publish and sell templates from their studio.

Publish native mobile components

You can now publish React Native / Expo components alongside your regular web ones. Mobile preview is the default view for them, so visitors see how the component actually looks on a phone the moment they open it, not a desktop approximation.

Compatible dependencies only

When you're building in Studio and reach for a dependency, the picker now only shows you components that actually work in your project's runtime. That keeps a web-only dependency from ending up inside a mobile component by mistake, and vice versa.

Pull in dependencies from other registries

You can now publish components that depend on other shadcn registries, not just plain npm packages. When someone installs your component, its registry dependencies come along with it automatically, the same way npm dependencies always have.

Works for mobile components too

The same registry-dependency support now extends to Expo components, so a mobile component can depend on another registry's building blocks exactly like a web component can.

Component pages no longer get stuck on a permanent "Loading preview" screen. The preview used to occasionally start loading before the page had finished setting up to notice it, so the loading state never cleared even though the component was ready. It now shows up reliably every time.

Browsing by tag no longer surfaces components tagged with dozens of unrelated tags. Each component can now carry at most 15 tags, so tag pages stay focused on components that are genuinely relevant instead of getting flooded by over-tagged listings.

A real preview when you publish

Publishing from the browser builder now shows your actual live preview instead of a placeholder skeleton, so you can see exactly what you're about to ship before it goes live.

Go fullscreen while you work

The preview pane gained a fullscreen toggle in its toolbar, so you can review a component without the rest of the builder crowding the screen.

A live sandbox editor in Studio

You can now build a component from scratch right in your browser: start from a template, edit the code, and see a live preview update as you type.

Set the destination and publish

Choose where the component should go and who can see it directly from the sandbox, then publish from there once you're happy with it, with a clear indicator showing your work is saved along the way.

You can now set up the component generator inside VS Code in a couple of clicks. Pick VS Code from the setup tabs and it generates the right install command for you to run, or gives you a ready-to-paste config file if you'd rather add it by hand.

Your own team registry

Teams can now publish private component libraries and install them anywhere with a single command, scoped under your own team's namespace.

A dedicated home for team components

A new team dashboard brings your components, members, and API keys together in one place, with docs alongside it for getting a registry set up from scratch.

Visibility, your choice

Set each component to team-only, unlisted, fully public, or private, so you control exactly who can find and install it.

The privacy and security pages now load correctly instead of showing a "not found" message. We also refreshed the privacy policy itself and expanded the terms of service to properly cover both the marketplace and the Agents platform.

Copy code, not just the prompt

The preview dialog now has a split copy button: copy a component's prompt, its raw code, or its code and demo together, whichever you use most. It remembers your last choice, so the next copy is a single click.

The same option, one right-click away

The same copy-code action is now available from a component's right-click menu on the homepage feed and community pages too, not just from inside the preview dialog.

Typing in sidebar search from the home page no longer drops your first keystrokes. Typing quickly used to race with the page switching into search mode and lose characters along the way; search now keeps up no matter how fast you type.

Organize bookmarks into lists

Save components into your own named lists instead of one flat bookmarks page. Add something to a list straight from its card, from the preview dialog, or from the right-click menu, then create, rename, or delete lists from your bookmarks page.

Opening search from a category page now keeps that category applied to your results instead of silently clearing your filters.

The search button on mobile now opens search directly instead of opening the side menu first and making you dig for search from there.

A new Top Authors page highlights the month's most-bookmarked creators, ranked by how much their work was saved that month. Each entry shows their standout pieces right there, so you can judge their work before you decide to follow.

A public profile for every author

Studio now has a public profile page: avatar, bio, socials, and a donation link, all editable inline from Studio and visible to anyone who visits.

A Support the author button

Once you've added a donation link, a Support the author button appears on your components, your profile, and in the preview dialog, so visitors can back your work without leaving the page they're on.

A home for community writing

A community blog is now available at /community/blog, starting with a full incident report on the database defacement earlier that week.

The community home page now features a horizontal row of 21st products (1code, the MCP server, and Magic Chat) right below the popular components, each showing its live GitHub star count.