Changelog

Everything we ship to 21st.dev, newest first.

Jul 31, 2026

A home that opens on the catalogue

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.

A prompt written for your agent

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.

Analytics that say where your work travels

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.

Improved

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.

Fixed

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.

Jul 30, 2026

Tabs for the state your work is in

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.

A team is managed where the team works

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.

Search finds far more

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.

Added

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.

Improved

Picking All teams lists everything you and your teams have made, on every studio list. Every list ranks the whole catalogue for you and reshuffles it daily. Lists open as a table, with the grid one click away. Visibility applies when you save, and changing it from a list asks first. The italic word in each home page headline runs with liquid metal that follows your cursor.

Fixed

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.

Jul 29, 2026

Film your demo in the editor

Draw a frame over the live demo, record it, then trim the take on a filmstrip and keep a frame as its cover.

A card behind every social link

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 can be private

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.

Added

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.

Improved

Your Studio overview counts bookmarks on your work instead of CLI installs.

Fixed

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.

Jul 28, 2026

Bookmarks became boards

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.

The homepage fits a phone

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.

One typeface, one blue, one scale

Every headline on the signed-out homepage sits on one scale, with one word set in our serif and our blue. The numbers we claim carry that blue, and the hero sits on a wash of it.

Improved

The weekly board ranks by real opens, copies and installs rather than hover previews. Every sidebar category chip previews a reel of its most saved components.

Fixed

Opening a component from a card grows the card into the preview dialog again.

Jul 27, 2026

A library manages its components

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.

Film the demo yourself, in the browser

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.

Name the knobs your demo hands to visitors

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.

Added

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.

Improved

Twenty drafts an hour instead of five, with the count left printed by 21st components.

Fixed

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.

Jul 26, 2026

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.

Fixed

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.

Jul 24, 2026

Better results, fewer scrolls

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.

Curated collections for what you search

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.

One last screen before a CLI publish

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.

Added

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.

Improved

Settings pages read as one layout: a page title, grouped sections, one row per setting. 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.

Fixed

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.

Jul 23, 2026

A tab bar where your thumb expects it

On phones a bottom tab bar carries Home, Search, Saved and Profile, and the header slims down to the essentials.

Component pages built for one hand

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.

109 new looks in the Shader Builder

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.

Added

The search palette suggests trending searches before you type.

Improved

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.

Jul 22, 2026

The real error, not a generic one

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.

Slide to the next preview without closing 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.

Filter by license, library and stack

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.

Added

Tag pages get the same sort tabs and filter sidebar as the rest of the catalog.

Improved

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.

Fixed

A copy that reached nothing no longer costs you a free daily copy. Published components carry the code you wrote, not the starter placeholder.

Jul 21, 2026

Builder or Builder + AI

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.

A simpler welcome after sign-up

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.

Remix says what it needs first

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.

Added

Component pages point to the component's full library and related categories. Edit a component straight from its preview, without leaving the page.

Improved

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.

Fixed

Editing a component keeps your changes: tags, the website link and custom styles all save.

Jul 20, 2026

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.

Every preview opens in the same lightbox

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.

Browse every library and author

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.

Improved

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 ships about 30% less JavaScript on first load, so it turns interactive sooner.

Fixed

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, without rounded corners.

Jul 19, 2026

Copy a preview's address or reload the page and that preview opens straight back up, on whatever page you were browsing.

Jul 18, 2026

A refined full-screen preview

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 the prompt or the code from one button

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.

Jul 17, 2026

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.

See all your components in one place

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.

A sign-in dialog that shows the best work

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.

Added

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.

Improved

Opening a preview updates the address to a shareable link, and Back closes it.

Fixed

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.

Jul 16, 2026

Pick the models that draft your sketches

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.

Find similar work without leaving the preview

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.

Set up your team after you pay

Buying a team plan goes straight to payment; you name the team and invite people once you are back.

Added

A component published from Studio is submitted for catalog featuring by default, with a toggle.

Improved

Your account and workspace switcher opens from your avatar, on every page with the logo.

Jul 15, 2026

A rebuilt Studio, faster and more reliable

Studio has a refreshed editor on a faster environment: files open quickly, stay ready when you switch between them, and project loading and retries are smoother.

Know where you are and what is saved

The editor shows the full file path, a saved indicator, clearer read-only files, and a short hint when you open a demo file.

Add and remove demos without the noise

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.

Improved

Included plan credits reset at the start of each month, with the next date on Usage.

Jul 14, 2026

A clear path through your first steps

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.

Submissions no longer fail on a license

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.

One rhythm across every sidebar panel

Every sidebar panel shares one compact layout: equal row heights, icons on a single vertical line, matching section labels and the same spacing throughout.

Improved

Moving between a section and its nested screens slides the panels in the direction you go. 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.

Jul 13, 2026

Publish first, feature when it is ready

A component is Published or Private, and catalog featuring is a separate review step. Studio shows In review, Needs changes, Featured and Processing, each with its next action.

Turn a moving gradient into ASCII art

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.

See where your AI credits go

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.

Added

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.

Improved

The CLI follows the same flow, with explicit submit, withdraw, resubmit and remove commands. Shader, gradient and ASCII pages share a cleaner layout with a new header.

Fixed

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.

Jul 12, 2026

Recent searches and categories in quick search

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.

Improved

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.

Jun 30, 2026

The biggest release yet for teams and authors: shared team billing, full component visibility control, and studio profiles you can actually make your own.

Teams get a shared plan

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

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.

Added

Community themes and templates can be saved to your bookmark lists, with a right-click menu.

Improved

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. 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.

Fixed

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.

Jun 29, 2026

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.

Improved

The component preview gains keyboard shortcuts for theme, share, and bookmark, with hints on each button.

Jun 26, 2026

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.

Added

Templates now warn you before sending you to a third-party seller, and you can dismiss the notice.

Jun 22, 2026

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.