Free
Free
- Copies and installs
- 2 a day
- Design Bug Bot reviews
- 5 free reviews
- Browse whole library
- Unlimited UI inspiration
- Unlimited SVG logo search
- 2 component copies a day
- 5 Design Bug Bot reviews
- Community support
21st pricing
Library of React and Tailwind components, templates and themes that can be copied or installed into a project.
- Free plan
- Yes
- Paid from
- $8/mo
- Plans
- 4
- Free trial
- -
What is 21st?
21st is a hosted library of React and Tailwind CSS components, templates, themes, shaders and icons aimed at front end developers and design engineers. Users browse live previews, copy prompts for AI coding agents, or install components through the shadcn CLI and MCP. It also offers 21st AI generation and a Design Bug Bot that reviews pull requests. A free tier allows limited daily copies and reviews, while paid plans add unlimited installs and AI features.
Plans and prices
Builder
$8/mo
$6/mo billed yearlysave 25%
- Copies and installs
- Unlimited
- Unlimited copies and installs
- Unlimited code and prompt copies
- 17,500+ icons by meaning
- Search via MCP and CLI
- Unlimited shaders and gradients
- Unlimited component installs
- Email support
Builder + AI
$20/mo
$15/mo billed yearlysave 25%
Usage steps
- 500 credits: -
- 1,000 credits: -
- 2,000 credits: -
- Monthly AI credits
- 500 to 2,000
- Everything in Builder
- 500 AI credits a month
- Design Bug Bot included
- Multiple AI models
- Premium AI models
- Credit top ups roll over
- Email support
Team
$10/mo per seat
$7.50/mo billed yearlysave 25%
Usage steps
- 2 seats: $15
- Seats
- 2 to 50
- Design Bug Bot reviews
- 5 per team
- Design Bug Bot for team
- Centralized billing
- Shared collections
- Admin controls
- Private team components
- Optional AI credits per seat
- Priority support
Prices in USD, as shown by 21st.dev. Source: pricing page. Last checked October 29, 2026.
Not sure which 21st plan fits? Talk it through with your AI agent
Copy the prompt below and paste it into the agent you already use. It has the plans and prices from this page and asks you the right questions first.
See the prompt
I want to decide whether 21st (21st.dev) is the right tool and which plan to pick. Below is what the StableMRR pricing directory read from 21st's own pricing page (last checked 2026-10-29). It can be out of date, so treat it as a starting point. Category: Developer tools What it does: Library of React and Tailwind components, templates and themes that can be copied or installed into a project. Plans: - Free: Free. Limits: Copies and installs 2 a day, Design Bug Bot reviews 5 free reviews. Includes: Browse whole library, Unlimited UI inspiration, Unlimited SVG logo search, 2 component copies a day, 5 Design Bug Bot reviews - Builder: $8/mo ($6/mo billed yearly). Limits: Copies and installs Unlimited. Includes: Unlimited copies and installs, Unlimited code and prompt copies, 17,500+ icons by meaning, Search via MCP and CLI, Unlimited shaders and gradients - Builder + AI: $20/mo ($15/mo billed yearly). Limits: Monthly AI credits 500 to 2,000. Includes: Everything in Builder, 500 AI credits a month, Design Bug Bot included, Multiple AI models, Premium AI models - Team: $10/mo per seat ($7.50/mo billed yearly). Limits: Seats 2 to 50, Design Bug Bot reviews 5 per team. Includes: Design Bug Bot for team, Centralized billing, Shared collections, Admin controls, Private team components Alternatives in the directory: ApparenceKit, BetterTerminal, Google AppSheet, Triggre Pricing page: https://21st.dev/pricing Directory listing: https://stablemrr.com/p/21st-dev First ask me three short questions about my team size, budget and what I need it for. Then recommend one plan, tell me what could make it a bad fit, and compare it with the alternatives. Finish with what I should check on the vendor's site before I pay.
Pricing facts
- Pricing model
- Mixed
- Billing
- monthly or yearly
- Refund policy
- Payments are non-refundable
- Discounts
- Yearly billing 25% off
About 21st
- Platforms
- web, api
- Integrations
- Claude Code, Cursor, Codex, Lovable, Next.js, Vite, Remix, Astro, shadcn/ui, Tailwind CSS, React, TypeScript and 1 more
Features
- Component library
- Templates
- Themes
- Icons
- Shaders
- Apps
- MCP and CLI
- Design Bug Bot
- 21st AI
Price history
No price changes recorded since we started tracking on October 29, 2026.
Alternatives to 21st
| Product | Category | Free plan | Paid from | Plans | Checked |
|---|---|---|---|---|---|
| ApparenceKitFlutter template with prebuilt modules for auth, payments, onboarding, notifications and CI/CD. | Developer tools | No | - | 3 | Oct 29, 2026 |
| BetterTerminalWeb tool that builds custom macOS terminal configurations with prompts, aliases and themes, applied via a shell command. | Developer tools | No | - | 2 | Oct 29, 2026 |
| Google AppSheetNo-code platform for building business apps and automations from data sources like spreadsheets and databases. | Developer tools | Yes | $5/mo | 4 | Oct 29, 2026 |
| TriggreNo-code platform for building business portals and internal tools with automation, integrations, and native AI agents. | Developer tools | Yes | €499/mo | 3 | Oct 29, 2026 |
| WP Copy DefenderWordPress plugin that blocks content copying, right-click, text selection and developer tools on a site. | Developer tools | No | - | 3 | Oct 29, 2026 |
Newsletter
Get a note when 21st or its alternatives change their prices
Price changes and new tools, once or twice a month. No pitches, unsubscribe in one click.
How this page was made. Plans and prices are read automatically from 21st.dev's public pricing page, checked against the page text, and re-checked about every week. Method. Something wrong? Tell us.