Everything we ship to 21st.dev, newest first.
Play starts right away in Safari and other WebKit browsers instead of holding the first frame. A video built with one of the newer blocks no longer blanks the whole preview, and a block that fails shows a placeholder in its spot while the rest of the video plays.
New video shows the editor loading right away and opens it faster.
Videos the agent makes no longer include music that fails to play.
The 21st plugin for Codex turns a request in chat into an editable video and opens it in the video editor beside the chat. Install it from the Codex button on the Video page, or pick up a video you started on the web from its title menu.
The Video sidebar lists only what blocks show; style, type, length and pace moved behind the Filter button. Picked filters show as chips, stay in the link and no longer follow you into the next section.
The Video section lists animated titles, interfaces, devices, charts, logos and backgrounds for Remotion, grouped in the sidebar by what they show. A block opens in a preview with every format, its looks and similar blocks. Save it to bookmarks or install it with one command.
Shared links to 21st show their preview image on X, Slack and LinkedIn.
Signing in with Google or GitHub in Safari lands on a working page.
Team plans can make the pull request check fail when a completed review finds a critical design issue. Partial reviews never block.
Any open pull request can be reviewed from the Repositories page.
Empty reports ask whether the result was useful, expected an issue or unclear.
Screenshots show the changed component on its own with the project's theme, in light and dark, desktop and mobile.
GitHub accounts and their repositories live on one Repositories page.
A stopped review names its cause and starts on its own once the account can run again.
Reviews stop with no AI plan, no credits, a reached monthly limit or used-up free reviews.
Changing your AI credits works with cards whose bank asks to confirm the payment.
Checkout no longer stops some returning buyers with a request to contact support.
Link previews for sites that redirect load reliably.
AI agents can discover 21st's tools, documentation, sign-in guidance and readable pages without a pasted URL.
Open-source Apps starts with higher-quality picks while keeping categories and use cases varied.
Recently added sorting makes the newest open-source apps easy to find.
App previews and full app pages copy either a clone command or an AI-ready build prompt, ready to paste into a terminal or coding tool.
Sketch refinements started from coding agents keep running until completion and return their final result.
Code previews recover from temporary startup failures without hanging.
Copied components include the packages their demos need.
Browse open-source business and personal apps with recorded previews and source code for starting a new project.
Design Bug Bot includes five free reviews without a time limit; further reviews require an AI-enabled plan and available credits.
Calendar and chart collections contain examples that match their topic.
Coding agents can search and retrieve components when 21st AI is off.
Retrying a plan change no longer repeats an upgrade or replaces a newer choice.
Design Bug Bot reviews pull requests in connected repositories, explains interface problems and suggests code fixes. Reviews can run on a schedule or cover recent changes. Findings remain available when screenshots cannot be generated.
After five successful reviews or seven days from first use, Design Bug Bot requires an AI-enabled plan and available credits.
Publishing a component saves copies of its supported images, videos and fonts on 21st. Those copies keep loading if the original links disappear.
Installing a component from the command line works again. When an installation cannot finish, the command explains why.
Template lists keep loading as you scroll, including before sign-in.
Everything you have bought sits in its own tab, next to what you saved.
A template you own opens with its install command and a prompt for your agent.
The team you pick in the account menu now applies everywhere, AI credits included, and follows you to other devices.
Joining a team through its invite link needs the team's plan to be active.
A free template that was never put on sale no longer sits among the ones you can buy.
A copy that fails no longer spends one of your free copies for the day.
A paid template can now be bought and downloaded here, with the card you already have on file. You get the full source and every later version of it.
Upload a template's code and 21st builds it and puts it online, so the listing opens a real running site. The build starts as the code lands, and the template's own page shows it finish.
A generated website now arrives complete and renders in the preview, rather than opening as a blank page.
A template built on someone else's open-source work credits them on its page.
A card on the site says when your API key has been revoked and links you to a new one.
A template can be published from a repository, cut from one pinned commit.
Templates filter to just the ones included in your plan, or just the free ones.
A push to a connected repository offers to publish the next version, without changing what anyone bought.
A template goes to review once there is a demo to look at, and says what is missing.
A template's cover and hover video are filmed from its demo instead of uploaded.
Signing up again after deleting an account works.
A static site with a sitemap or a robots file gets its live demo instead of being told it needs a server.
An author's own hosted template offers Download instead of Buy.
A Remix draft the model cannot produce now ends in seconds with an error you can read, instead of spinning until it gives up. The take is free to run again straight away.
A component indexed from an open-source project now shows the exact repository it came from, a link to that project's own license file, and its copyright notice, beside the live demo link.
An author who never signed up can have their name, avatar and links removed: support@21st.dev. Their components stay published, credited to source and license.
A profile 21st created automatically while indexing now says plainly that the person named has not signed up.
A component's license is shown only once it is confirmed, never guessed.
Drafts from the premium models work again.
Being asked to sign in after a few previews now opens the normal sign-in window.
Deleting a component you own goes through and takes its demos and tags with it. One that someone else has bought or saved is kept instead, and can be set to private.
A long generation in 21st AI closes each thinking step as it finishes, so the block stops sitting in a streaming state partway through a run.
A personal plan and a team seat can no longer bill the same account for the same access.
Buying a Team plan while you already pay for a personal plan now offers a switch instead of starting a second subscription.
Deleting your 21st account removes your components and demos as it should.
Setting up the 21st MCP server works in VS Code and in Devin Desktop.
A component you have copied or installed shows an Unlocked mark on its card, and a template you have bought or downloaded shows Purchased or Unlocked in place of its price - so while browsing you can tell what is already in your hands.
A generation that ends badly closes itself out, so the chat comes straight back to you and the next message goes through. A project with several variants reconnects only to the one you are looking at.
Creating a project that fails returns the credit automatically. A sketch refine is charged once the draft is saved, and a take that ends in an error frees up right away for another try.
Card covers load faster, served smaller and at the size they are shown at.
Scrolling the landing page in Safari no longer freezes over a row of cards.
A component attached to a chat can be removed again.
Long scrolling through the catalogue no longer piles up video players.
The templates row on the homepage holds full sites and apps hosted on 21st: open-source projects, licence checked, that any paid plan opens. Cards read "with plan" in place of a price.
Bookmarks has an Opened tab: every component, template, theme, icon and effect you have copied, installed or downloaded, newest first, with when you took it. Access does not change, this is memory, so the thing you used last week is one click away instead of a search you have to repeat.
A card that finally fails now gets an email with a link to update it.
A legacy plan that can no longer charge you does not block picking a current one.
Agents running on Gemini models can use the 21st MCP server again.
New guides cover documentation layouts, split screens, terminals, heatmap calendars, maps, agent prompts and the smaller registries, plus pages for the sets people search by name. Each shows the components taken most for that job, previews playing on hover, and says what the pattern costs.
A registry's components list under their real names now, each with a description, a picture and the packages it brings along, instead of a slug on its own.
Every component in a registry copies an agent-ready prompt with its description, install line and code.
Prepaid cards are accepted on every plan, and not on the $2.33 trial.
An account with a subscription can no longer be charged for a second one.
Guides for buttons, cards, inputs, dropdowns, carousels, date pickers, loaders, toasts, timelines, tabs, dialogs, avatars, charts, shaders, ASCII art and more, plus a read on the registries in the shadcn directory. Each shows the components people bookmark most for that job, previews playing on hover, and says what the pattern costs.
A registry listed in the shadcn directory now opens on 21st with its install line, its own index of components, repo facts and the changes since it was added, even when none of its components are published here.
The shadcn directory sorts by a registry's first commit or by when it was added, so the newest ones are easy to find.
Settings has a Purchases page: what you bought, what it cost, the receipt, and a download that keeps working.
A template with a price is bought outright, and unlock credits are gone.
Guides for nine of the sections everyone rebuilds: hero, navbar, sidebar, animated backgrounds, dashboard, custom cursor, AI chat, footer and pricing. Each walks the patterns that recur, shows the components people bookmark most for that job with their previews playing on hover, and says what the pattern costs.
Shortcuts reach the page with the pointer inside a live preview: Escape closes it, the arrows step to the next demo, and copy, save and share answer. Keys the demo itself uses, everything you type into it included, stay with the demo.
The libraries panel lists categories with a mark each, and picking one filters the half you are reading: libraries on 21st have a page per category, the shadcn directory keeps its own, and crossing between the two keeps the category you were on.
Current guides built from shared content are also plain markdown at /blog/<slug>.md; /blog.md marks each available twin.
A registry in the shadcn directory links straight to its library here.
Seven more verified templates, free with a plan: portfolios, a macOS-desktop personal site, an agency site, and a design studio.
A preview that is still loading shows its cover out of focus until the live render arrives.
Dragging a slider in a demo's controls panel keeps the page responsive.
Previews open faster.
Downloading a verified template needs a plan.
The registry list drops its “New this week” sort.
Stepping to an already loaded preview shows it straight away.
Templates opens on a Verified shelf: eighteen open-source projects hosted here, each from one pinned commit, with the rest of the catalogue underneath. Every card credits its repository and licence, and the code downloads straight from 21st or lands in your project with one CLI command.
Animated icons play as soon as the pointer settles on them, and keep looping while it stays. Only the cell you settle on plays, not every one the cursor crosses. With reduced motion on, an icon plays once and stops.
/community/shadcn-directory lists 250+ shadcn registries beside the libraries that live here, two tabs on one page. Each card shows the registry's size, stars and last commit, and every theme - charts, AI blocks, marketing UI and more - has a page of its own.
Every copy menu also copies the component's picture, so it can go into a chat with an agent next to the prompt.
Right-click an icon to copy it in another format, download its SVG, or jump to its author, set or category.
Template cards move like component cards: the still is the first frame, and hovering scrolls through the live page.
A template credits the studio or developer who made it, with a profile of their own to browse.
A preview shows the components either side of it, and glides across when you step to one.
Profile, team and library grids hold still: a preview plays when you hover it.
Related icons in the panel are full cells: hover to play one, click to open it.
The homepage and community pages get their first screen up sooner.
Downloading a verified template is part of a paid plan; the preview, the source link and the licence stay open to everyone.
An icon library page opens on its icons instead of looking empty.
Opening an icon shows it large and moving, with who drew it, the set it came from and its licence. Copy it as a component, SVG, Vue, React Native or its name, and the next copy keeps that format. Below it: the same icon in other weights and sets.
Phosphor, Tabler, Hugeicons, Remix, Lucide, Heroicons, Material Line and the animated ports each have a page holding their whole set, with the author credited and the catalogue's controls above the grid: size, weight, stroke and the format you copy in.
Themes, templates, shaders, gradients and ASCII art now open in the same light sheet components have: the preview at the top, Bookmark beside the action that matters, and what is similar underneath. The dark lightbox stays where it belongs, on a wide screen.
A profile has an Icons tab, holding everything that person has drawn.
The home holds still: moving the pointer along a row, scrolling past it, or saving a component no longer redraws every card on the page.
A search that finds nothing names the filters that were narrowing it, and offers to clear them.
Component and template pages show their preview right away, phones included.
Tapping a category on the home opens its page on a phone.
The theme, gradient, shader and ASCII editors open on desktop only.
Scrolling far into a grid of icons no longer slows the page down.
Opening an icon no longer disturbs the grid behind it.
The icons panel opened from the sidebar lists the families instead of nothing.
A new Icons section: open-source icons in one grid. Clicking one copies it as a React component, SVG, Vue or React Native, with its licence and the author's credit in the copied code.
Icons are found by meaning, not by filename: "log out", "leave account" and "door with arrow" all land on the same drawing. Weights and fills fold together, so the grid shows one acorn instead of six.
Browsing pages respond about twice as fast, and covers arrive at the size their card shows. Slow connections and older laptops feel the difference most.
Animated icons play on hover, with autoplay for comparing them.
Every icon family and category has a page you can bookmark.
Typing in the ⌘K palette offers to search the icons too.
Opening an icon shows the same icon in other families, and its animated version.
The home page carries a row of animated icons you can copy in place.
The components page paints its first cards instantly on phones.
A library page and its author's profile count the icons they publish.
Repeating a recent search returns results in about half the time.
Copying an icon counts towards the same two free copies a day as components.
Sharing a theme to X, Slack or Discord shows its preview card again.
The Categories block on the home page now carries the whole catalogue. Past the curated Marketing and UI picks, themed shelves like Forms and pickers, Data and feedback, and Media and effects scroll sideways until all 76 categories are in reach.
A brand-new studio opens on a guide to publishing your first component, in the browser or from your editor.
Recording a demo captures it at your screen's full resolution.
Component links shared in chats and social feeds show a redesigned preview card.
Browsing without an account allows two component previews a day; the third asks you to sign in, which is free.
Generated shaders, gradients and ASCII art reach the Newest feed once they earn a few bookmarks.
Copy no longer fails while your free daily count loads.
The homepage opens faster and stays smooth as you scroll. Rails further down the page load as you reach them, and images arrive at the size they are shown.
Categories sit on the homepage, so you can jump straight into buttons, pricing tables or heroes. Picking one opens search already filtered, without leaving the page.
Creating an account with Google or GitHub returns you to the page you started from instead of the front page.
Checkout charges the price shown on the page.
Horizontal scrolling on the homepage follows your trackpad.
The signed-in home starts with the work itself: a spotlight on the strongest new component, the top ten of the last 24 hours, what landed this week, picks for you, and rails by category. Search moves into the header, where it stays with you as you scroll.
Copy prompt opens on the agent you build with: Claude Code, Codex, Cursor, Replit, Lovable, Bolt.new or v0. Pick one and it copies straight away, then stays your default on a card, in the preview and on the component page.
Studio analytics answers where the people who found your components came from, outside 21st and inside it, which searches opened them and how high they ranked, and your place among every author this week.
Search suggests what other people searched for as you type.
Bookmarks and new followers join your analytics, next to views and copies.
Your top components open in a preview, without leaving Studio.
A card shows a component's dark cover in dark mode, or the light one when there is no dark version.
Set a cover straight from the video: its first frame, or any moment you scrub to.
Searching for Magic or mcp puts CLI & MCP, or 21st AI, at the top of the results.
Search results and tag lists carry on under You may also like, instead of stopping at the last match.
The account menu opens on your workspaces, with settings on your name.
An install link pasted in a browser or a chat opens the component's page, with its cover and description.
Similar components fill in under every component and inside its preview.
Components, templates and each library open on tabs: featured, published, in review, needs changes, drafts, private, each with a count. Themes split into published and drafts, ASCII, gradients and shaders into public and private.
Members, roles, invites, the team's name and picture, and deleting the team live in the team's own studio. Billing, seats and usage stay in settings. Old links still land in the right place.
Broad words like features, hero or dashboard return far more, results keep loading as you scroll, and a misspelling still finds what you meant. Filters and categories narrow the whole search rather than the first page of it.
Drag a column's divider to size it. Each list remembers its widths; double-click a divider to reset.
The home page features a library of the day, lit in its own colours and linked to its maker.
Every component page continues into related work instead of ending.
Picking All teams lists everything you and your teams have made, on every studio list.
Lists open as a table, with the grid one click away.
Visibility applies when you save, and changing it from a list asks first.
Copying a component in Safari lands on the clipboard instead of coming back empty.
Your name saves from anywhere: settings, your studio profile or your microsite.
Draw a frame over the live demo, record it, then trim the take on a filmstrip and keep a frame as its cover.
Hovering the X, GitHub or website icon on a profile opens a card: a year of contributions, follower counts, a bio, or the site unfurled.
A library decides who installs from it. Private keeps everything inside to you or your team, and keeps the library out of search, its page and its microsite. Public leaves each component's own visibility in charge.
Hovering a component inside a library plays its demo video, in the grid and the list.
An author's component list can be sorted and narrowed by category, kind, library or tag.
Your Studio overview counts bookmarks on your work instead of CLI installs.
A cover grabbed from a video frame works on the first try, at any resolution.
A take that fails to save is kept instead of lost.
Every list is a board showing a cover collage of the last things saved into it, an All saves board counts every kind of save, and a dashed card starts a new list. Search narrows your lists by name.
Cards are sized to the screen, category chips get their own full-width row, the publishers wall is a plain grid, and panels that sit side by side on a desktop show one at a time.
The weekly board ranks by what people open, copy and install.
Every sidebar category chip previews a reel of its most saved components.
Opening a component from a card grows the card into the preview dialog again.
A library is the same working table as Components: every row states where it stands, offers the one move that state allows, and opens the editor or the preview without navigating away.
Press Record next to the video in the details editor and the preview becomes the video's own 4:3 frame. Pick what the card shows, click through the demo, keep the take or shoot another. Chrome and Edge.
Publishing has a Controls step showing the visitor's panel as they see it, where each row can be renamed and every slider given a range that suits it. The demo itself does not change.
Studio Components has a Filter button: status, library, tag or team, with the filter in the URL.
`21st library` lists and edits every library you can manage, and creates a new one.
`21st publish --draft draft:<uuid>` sends your local edits into the draft you already opened.
The controls panel is on the component's own page, docked inside the live preview.
A publish from the terminal ends on a success screen: install command, the component, and submit.
Twenty drafts an hour instead of five, with the count left printed by `21st components`.
Owners and admins can publish into their team's library from the terminal with a normal sign-in.
Saving an edit no longer refuses itself with "Component changed while the edit was being applied".
A draft you come back to after a break wakes up and resumes.
Switching a component between Published and Private takes hold everywhere at once.
`21st open component:<id>` answered every retry with "provisioning is still in progress", so a published component could not be opened at all. It works now, and anything stuck this way clears itself.
A cover or video you upload survives publishing instead of being erased and regenerated.
Deleting an automatic video shows an Add button, and a removed one stays one click away.
Component search ranks by what people actually adopt, so proven components rise to the top, and an exact name or keyword pulls in matches a plain text match placed at random.
Over two hundred new collection pages cover what people look for, from custom cursors to chat interfaces. Each one is a ready shortlist with a short explanation and the questions that follow.
A CLI publish opens a review of the component, its demos and their media, with a switcher for the live demo, the cover, the video, or the card as a listing shows it. Access lives here too.
A Notifications tab controls the product emails you get; receipts and security always arrive.
`21st render` builds a component and returns a screenshot of its demo without publishing.
Deleting selected components in Studio removes published ones too, not only drafts.
People and libraries without a picture get a generated avatar coloured from their name.
The Studio overview leads with views, copies, installs and visits over the last 30 days.
A component page paints its picture immediately and swaps in the live preview when ready.
A slow publish is no longer reported as a failure.
Submitting a component to the catalog works again, from Studio and from the terminal.
`search_logo` finds logos again in the MCP and the coding agent.
On phones a bottom tab bar carries Home, Search, Saved and Profile, and the header slims down to the essentials.
A component slides in like an app screen: Save is the primary action in a sticky bottom bar, next to copying the prompt, with a Preview / Code / Info switcher.
29 new styles with 109 ready-made variants, from liquid metal and smoke rings to glass, grain and halftones. Pick one, tune it, publish it as a component.
The search palette suggests trending searches before you type.
On a phone, filters and picking a bookmark list open as bottom sheets.
A CLI publish opens a review with the live demo and blocks until every cover is ready.
The bookmarks page greets signed-out visitors with an explanation and a sign-in button.
A failed publish names the exact problem and where it is, down to the file and line a type error came from, together with what to do about it.
Every preview - components, templates, themes, shaders, gradients, ASCII art - moves to the next or previous item in place. Two-finger swipe, arrow keys, the side arrows, or a click on a peeking neighbour, live the whole way.
The components sidebar filters by license, by library or brand, and by Tailwind version. Built with searches any npm package, an author search narrows to one creator, and every filter carries its match count.
Tag pages get the same sort tabs and filter sidebar as the rest of the catalog.
The CLI prints the same detail: the step that failed, the build output, and a request ID.
A publish that failed on a blip retries itself; one that failed on your code stops at once.
A copy that reached nothing no longer costs you a free daily copy.
Published components carry the code you wrote, not the starter placeholder.
Pricing separates Builder from Builder + AI: unlimited marketplace access without AI, or 500, 1,000 or 2,000 monthly credits. Teams pick one plan for every seat and see the total before checkout.
The welcome flow ends on one plan: Builder + AI with its credit picker, the monthly price on the button, and the Builder features spelled out. Dropping AI or continuing free is one click.
Pressing Remix checks your plan before you write a prompt and, if AI is not part of it, shows what remixing costs. After checkout you land back in the composer with the component attached.
Component pages point to the component's full library and related categories.
Edit a component straight from its preview, without leaving the page.
Publishing accepts more valid components, and names a broken file with a clear message.
New generations start in Code mode, so you get a React component in a live sandbox.
Editing a component keeps your changes: tags, the website link and custom styles all save.
Signed out, 21st opens on a rebuilt homepage: a bold hero, rivers of real components and templates you can preview on the spot, the libraries you can build with, the teams already using 21st, and a short FAQ.
Themes, templates, ASCII art, gradients and shaders open in the same full-screen lightbox as components: the actions under the preview, similar items a scroll away, and the same keys everywhere - arrows, S, O, B.
Two directories cover the people and libraries behind 21st: search the full lists, see how much each one has published, and preview their latest components on hover.
One sign-in dialog everywhere: email or one-tap Google and GitHub, with a live feed beside it.
Homepage previews download about a third of what they did and start playing sooner.
Every page answers your first click sooner after it opens.
Signing in from the homepage takes you straight into the app.
Pages no longer drift sideways on a phone.
The Feedback button sends what you write, and keeps your answers if you close it.
ASCII art and shader previews fill the viewer.
Copy a preview's address or reload the page and that preview opens straight back up, on whatever page you were browsing.
The preview sits in a centered, width-capped box, with similar components in the familiar grid below. The toolbar keeps the actions you reach for and tucks the rest into a menu.
Copy is a single split button on the component page and in its preview: pick the prompt or the raw code. Save sits front and centre as a bookmark that opens your lists.
The 21st AI header shows your account and your credit balance, and when a generation would cost more than you have left, the model picker offers a credit pack right there.
Studio shows your components across your personal space and every team you belong to, with quick filters. Publishing a name that is taken offers to update the existing component in place.
The form sits on the left, and beside it a slowly drifting, tilted wall of the most-installed community components, live previews included. Small screens keep the compact dialog.
Bookmarks are always in the header for signed-in users.
The first click on the 21st logo opens your account menu; after that it links home.
Opening a preview updates the address to a shareable link, and Back closes it.
Team settings shows the founder as a member, with the right seat count.
Credit packs bought before AI moved to paid plans stay spendable.
Buying credits on a plan without generation guides you to the right plan instead of failing.
The homepage no longer loads with a large empty area at the top.
Choose one model or several and each produces its own take side by side, so you can compare directions and keep the one that fits. A price hint shows the credit cost first.
Under any component, theme, shader, gradient or ASCII preview sits a grid of similar work. Picking one swaps it into the same window, with its code and prompt ready.
Buying a team plan goes straight to payment; you name the team and invite people once you are back.
A component published from Studio is submitted for catalog featuring by default, with a toggle.
Your account and workspace switcher opens from your avatar, on every page with the logo.
Studio has a rebuilt editor: files open quickly, stay ready when you switch between them, and a project that fails to load tries again on its own.
The editor shows the full file path, a saved indicator, clearer read-only files, and a short hint when you open a demo file.
Adding a demo opens it in the editor with a ready starter, and the preview follows it. Removing one asks in a dialog, with no loading popups either way.
Included plan credits reset at the start of each month, with the next date on Usage.
A Getting started checklist in the sidebar walks you from finding a component to publishing one. Steps complete as you use 21st, and it tucks into Help when you want it gone.
A publish defaults to the MIT license, for new components and for re-published older ones, so submissions from Studio go through instead of failing validation.
Settings follows the workspace you picked, and personal credits stay out of team pools.
Tags you select in the filter sidebar jump to the top of the list.
A component is Published or Private, and getting it into the catalog is a separate step you opt into. Studio shows where each one stands and the next action it takes.
The ASCII Art editor can take an animated gradient as its source, so a flowing gradient becomes live, moving ASCII art you can export or publish.
A Usage page shows how many credits you have this period, what came from your plan versus packs, and every generation with its model and cost.
The ASCII Art editor turns an uploaded video into moving ASCII art.
Saved templates, ASCII art, gradients and shaders each get their own page under Bookmarks.
Author profiles show how many views and bookmarks your work has collected.
The CLI follows the same flow, with explicit submit, withdraw, resubmit and remove commands.
Library pages use the library's real name in their address, not a generic "default".
Bookmark lists show the themes, templates, ASCII art, gradients and shaders you saved.
Quick search opens on the searches you ran recently and a set of browsable categories, so you can jump back to one or explore a topic without typing.
Search and filters live in the address bar, so any search is easy to share or bookmark.
You can switch your profile back from the bento layout to the classic one.
Publishing a shader, gradient or ASCII creation to the community also makes a real marketplace component, with its own code and demo, installable with the CLI. The two link to each other.
Create animated shader backgrounds in a live editor: colours, motion, patterns, surface finish and cursor interaction, with undo and redo. Export as an image, video, GIF, code or a prompt, then publish it.
Signing in happens in a modal right where you are, with an email code or a connected account, and every community page carries a Sign in button.
Studio can select several components, templates or themes at once and move the batch into a library or another team, or remove them in one step.
ASCII Art has its own shortcut on the home page, beside Components, Themes and Templates.
The Gradient Builder has a dozen new styles, grouped controls, and a shuffle for a fresh look.
A library's overview, logo, links and public page now sit together on one page.
The ASCII Art editor has a fresh set of starting looks.
ASCII Art and Gradients live under Components in the sidebar, and Back returns you correctly.
Upgrading to a paid plan no longer fails at the payment step.
Sidebar search stays active when you switch between Components, Themes and Templates.
The Gradient Builder creates layered gradients, tunes their colours and motion, and exports them as images, GIFs or video. Publish them, remix them, and feature them on your profile.
Turbo Publish takes a finished design off your hands so you can carry on creating; each one appears in the community when it is ready.
Your author microsite can use a published community theme, giving the whole page and its sidebar a coordinated look.
Large images and videos stay smoother in the ASCII editor, and exports keep full quality.
An active membership is recognised reliably, instead of falling back to the free plan.
You can now group your components into their own libraries, each with a logo, links, and a public page.
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.
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.
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.
Link your Discord account from Studio > Profile and your roles in the 21st Discord stay in sync with your plan.
The ASCII editor's side panel opens again after you close it, instead of getting stuck shut.
The ASCII editor no longer closes itself the moment it opens.
Opening your Studio no longer flashes a white screen before it loads.
A new editor that turns any photo into ASCII, pixel or dot art, plus a gallery of looks you can remix and publish.
Drop in an image, pick a look, and tune it live with sliders for style, detail, colour and effects - or describe the look and the built-in assistant adjusts it. Animate it, then export an image, video or GIF.
Every look you build is a recipe. Browse the gallery, filter by tag, drop any recipe onto your own photo in one click, and publish the ones you are proud of.
A Referral link in the help menu opens the affiliate program.
The theme editor has undo and redo buttons.
A paid team's member list no longer shows up empty.
The theme editor's colour picker no longer resets a colour to black.
Billing gets to the point: your options laid out if you are not paying yet, and your next bill date beside what you pay if you are.
On a Team plan everyone draws credits from one shared pool. The owner buys extra packs or turns on automatic top-ups, and can promote a teammate to help with billing and invites.
Search for a brand or UI logo and drop the SVG straight into your project from the CLI and the MCP tools.
The contact dialog has a separate feedback option, short of a support ticket.
A warning appears if you delete a team that still has unused credits.
The blog listing plays a live video cover for every post.
Theme and settings live together under one help menu in the sidebar footer.
Leaving a team actually removes you from it.
Your profile is a free-form board you arrange yourself, with room for donations, hiring and the work you want seen.
Your profile is now 21st Bento: arrange components, links, photos, GIFs, and notes exactly how you want them.
Feature your best components, add a donation link, let people hire you, and link your pro components and socials, all from the same board.
Theme pages now have a Report button, and reporting a component is a quick in-app form instead of opening GitHub.
The 21st AI sidebar has a Feedback button for reporting a bug or sending an idea.
Two launches today: a free home for community-built shadcn themes, and a way for AI assistants to show 21st results as real, interactive previews instead of plain text.
Browse every shadcn theme the community built, preview it live, and publish your own in a couple of clicks.
Results now come back as an inline, interactive card gallery, with live previews and one-tap get code, instead of plain text.
You can now connect 21st's tools to AI assistants that support connectors, so an assistant can search and pull in your components directly.
Setup snippets on the MCP page mask your API key on screen; the copy button still copies it in full.
Paying members who were wrongly shown on the free plan, or deactivated, now keep the membership they paid for.
The templates page now shows a retry option when it fails to load, instead of wrongly saying there are no templates.
On author sites you can now copy component code and prompts without hitting a sign-in wall.
Magic has grown into 21st AI, and the command line got a full rebuild alongside it.
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.
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.
Every author now gets a personal microsite at their own web address, with a custom look and control over which components to show.
Account settings now open as full pages for your profile, appearance, billing, team, API key, and devices, instead of a cramped dialog.
Keyboard navigation and focus work cleanly across the marketplace, so you can move through pages without a mouse.
A new Devices page lets you see and sign out every device and session connected to your account.
Your bookmarks page is redesigned with separate rows for components, themes, and templates.
After you join, a one-tap survey asks how you found 21st.
Shared team billing, full control over component visibility, and studio profiles you can make your own.
Teams can now buy shared access on a single per-seat plan and invite their whole team.
You can set any component to public, unlisted, or private right from the edit dialog.
Studio profiles gain full customization: page themes, a hire-me block, a featured piece, and profile view stats.
Community themes and templates can be saved to your bookmark lists, with a right-click menu.
Search opens where you are on any page, shows real matches first, and adds collapsible filters.
Theme pages have a fresh look and now show related themes.
Copying a component's prompt now happens in one click instead of opening a dialog first.
Component descriptions render full formatting and collapse long text behind a show more toggle.
The component page keeps loading more related components as you scroll instead of stopping at a fixed few.
Author profiles autoplay previews and load more work as you scroll.
Signing in from the marketplace now returns you to the marketplace instead of the wrong app.
Author profile and category pages no longer occasionally fail to load.
Team invites and account emails now reliably reach your inbox instead of the spam folder.
Members no longer get wrongly asked to upgrade when a billing check hiccups, including right after paying.
The homepage feed no longer intermittently shows a long loading state or a blank grid.
The component preview gains keyboard shortcuts for theme, share, and bookmark, with hints on each button.
You can publish, browse, search, and bookmark community color themes, and filter them by primary color.
Your subscription can now be managed directly from settings, with quarterly and yearly billing options.
Templates now warn you before sending you to a third-party seller, and you can dismiss the notice.
You can support 21st with a paid membership that unlocks more component copies for you and your team.
Search now surfaces matching authors alongside components.
Hover a component on the homepage to reveal a floating navigation sidebar for quick jumps.
Without a membership, component copies are capped at a set number. The live demo stays visible either way.
It's now a real landing page with a personalized feed of components to discover.
You can browse, search, and filter ready-made templates in the community, and component authors can publish and sell templates from their studio.
Native mobile components joined the marketplace this week, with the picker smart enough to keep web and mobile dependencies from crossing wires.
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.
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.
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.
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.
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.
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.
Adding images to a component while publishing from the builder no longer fails.
Studio got a real code editor: pick a template, write the component, watch it render live, and publish it, all without leaving the site.
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.
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.
Teams get their own library: a private home for internal components, with a dashboard to manage who can see what.
Teams can now publish private component libraries and install them anywhere with a single command, scoped under your own team's namespace.
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.
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 load instead of showing a "not found" message, and the privacy policy and terms of service are up to date.
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 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.
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.
Filtering by tags now also surfaces related components below your results, so you're not stuck if the exact match isn't there.
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.
Authors got a real public profile to point people to, and a way for visitors to actually back the work they like.
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.
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 community blog is now available at /community/blog, starting with a full incident report on the database defacement earlier that week.
Tag pages now show popular components instead of an empty list or an endless loading state.
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.
Search results no longer drop matching components, so you see the full set of results instead of a partial list.