21st.dev
Create, remix and share UI components with AI
5.0•24 reviews•2.4K followers
Create, remix and share UI components with AI
5.0•24 reviews•2.4K followers
21st.dev is the go-to spot for developers to create, share, and make money from UI components. It’s a marketplace where design engineers can publish reusable blocks, templates, and components, making it super easy to build and scale apps.
21st.dev
When I first launched 21st.dev, the idea was simple: build a Figma Community for code. A place where design engineers could publish UI components the same way designers share files — beautifully, modularly, and remixably.
Since then, hundreds of thousands of developers have used 21st.dev to copy-paste polished UI into their AI products — from v0 and Lovable to Cursor, Bolt, Replit, and more.
But over time, I noticed something weird.
Even though we had amazing components, people still struggled with the first step.
They’d open the site. Type something like “dashboard layout” or “pricing section” into the search. Find great results.
But then… they’d pause.
And say:
“I like this, but it’s not quite it.”
That’s what 21st.dev 2.0 solves.
We built an AI workflow that doesn’t just generate one UI. It gives you five variants immediately — each clean, shippable, and beautiful in its own way.
You don’t start from scratch, and you don’t hit a wall.
You start with five strong options, and one of them always clicks.
(And if not? Hit “Remix with AI” or just ask in chat to tweak it.)
That’s how real design engineering works anyway — fast iteration, not perfect prompts.
We also added:
→ Semantic search that actually understands what you’re looking for
→ VS Code extension that plugs everything into your dev flow
→ 1-click remixing of any community component
→ Inline micro-editing with chat — down to specific styles or layouts
But the best part?
This only works because of our creators.
Every time Magic Agent generates a new component, it’s learning from the best examples shared by real design engineers in our community.
Every generation is inspired by published components — and we share revenue with the authors behind them. You make the craft, we make sure it’s reused, respected, and rewarded.
If you’ve ever felt stuck between “I don’t want to code from scratch” and “AI doesn’t design like me” — I think you’ll love 21st.dev 2.0.
Let me know what you build ✨
And to our incredible contributors: thank you. You make this possible.
Clustr
21st.dev
@timcha That’s super encouraging to hear — appreciate it a lot 🙌
We’ve been heads-down rethinking what building UI should feel like.
Would be great to hear what kept you coming back — always helps us sharpen the direction.
@serafimcloud Omg thank you so much for building this site!!! Just AMAZING!!
21st.dev
@simone_simone Ahh thank you for the kind words!! 🙌
So glad you're enjoying it — anything you'd love to see next? We're building fast 👀✨
@serafimcloud Congrats on the launch! Love the concept!
21st.dev
@kay_arkain Thank you! Glad it resonated 🙌
Always curious — what about the concept caught your attention most?
@serafimcloud I have been searching for something like 21st.dev for some time, thank you for creating this. Truly wonderful product.
What specific challenges have you identified that cause users to hesitate or pause after finding UI components that are ‘not quite it,’ and how does 21st.dev 2.0’s AI workflow specifically address these challenges to improve the initial user experience?
21st.dev
@vouchy Great question.
The hesitation usually comes from this quiet, internal “almost.”
You find a component and it’s 80% there — but maybe the layout isn’t quite right, the styling doesn’t match your palette, or it just doesn’t feel like your product.
In 21st.dev 1.0, you had to either:
— scroll endlessly to find the perfect one
— or open the code and tweak manually, which breaks flow
With 2.0, we solve this in three ways:
1. Multiple starting points: Instead of just one result, you get 5 unique variants instantly. That dramatically increases the chance that one will match your vibe — or at least get very close.
2. Remixable by design: Every component now comes with a “Remix with AI” button. If it’s almost what you want, one click gets you a better version — adapted to your needs.
3. Chat-based refinement: You can ask our agent to make tiny changes — like spacing, colors, copy, layout — and it responds like a dev collaborator. That’s where a lot of the “not quite it” friction disappears.
So the moment of hesitation becomes a moment of iteration. And that’s when the magic happens ✨
Curious — have you seen this kind of “almost right” hesitation in your own workflow?
21st.dev has been my go-to resource whenever I am building my UI. Awesome collection!
Thanks for curating these @serafimcloud and congrats on the launch!
21st.dev
@theanimeshs thank you!! 🙌
Curious — do you usually use the components as-is, or do you remix/tweak them for your own use cases?
We’re trying to make that part even smoother now with 2.0 🙂
@serafimcloud I usually tweak them to fit my UI style.
Having that here would be really helpful actually.
21st.dev
@serafimcloud @theanimeshs thanks for your kind words, happy users the only ream motivation that makes me do it