21st.dev 2.0 - Create, remix and share UI components with AI
Why settle for one design, when you can start with five?
With our new Magic Agent, you instantly get 5 unique component variants for any prompt — so you always find one you like, and you can instantly remix or micro-edit it in chat.
Replies
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
No Cap
best UI devtool for vibe coding ever. Love it so much!
@serjobas @serafimcloud, congrats on the ph launch, you're doing great!
21st.dev
@0xblackbirdoff
Haha thank you so much! That means a lot 🙏
We’ve been deep in this idea of making “vibe coding” actually fast and fun —
Curious, what part of the flow stood out to you most? The 5 variants, the remix, or chat refinements?
21st.dev
@serafimcloud @0xblackbirdoff thanks you!
No Cap
21st.dev
@0xblackbirdoff Haha love that — the 5 variants really change the game when you lean into them
What do you usually do after picking a variant — straight to remix or chat it out first? Always fun to see how people flow
Skala
Great product and the team behind it! The future of app development and internet entrepreneurship is so good. Hope to see one day 21st.dev go to IPO like Figma!
21st.dev
@roman_buzko one day...
WOW amazing
anyone else tried?
@sayyidalijufri Been using it for a bit — really smooth experience
The remix flow makes building surprisingly fast and fun
Definitely worth checking out if you haven’t yet
21st.dev
Love this thread!
@sayyidalijufri let us know what you think once you give it a spin 👀
@nadya_rodiononva so glad it clicked for you — remix flow's been a fun one to build! 🚀
@nadya_rodiononva it cool!
@nadya_rodiononva wow cool will try it too !!
BestPage.ai
21st.dev
@joey_zhu1 API access isn’t public yet — but we do offer enterprise access for larger teams or companies
If that’s something you're exploring, feel free to DM me on Twitter and we can chat more: @serafimcloud 🚀
Wondering — what kind of use case are you thinking about? Always helpful to hear how folks want to use it.
Lifyzer
Well done! 👏
21st.dev
@phenrysay Appreciate it! 🙏
Was this your first time checking out 21st.dev — or have we been on your radar a while? 👀
Lifyzer
@serafimcloud It was the first time 🙂
21st.dev
@phenrysay Ahhh that means a lot — welcome aboard !
Would be fun to hear your first impressions as you explore more. Anything feel different from other tools you’ve tried?
21st.dev
@phenrysay Ahhh that means a lot — welcome aboard !
Would be fun to hear your first impressions as you explore more. Anything feel different from other tools you’ve tried?
AI Tools Directory
21st.dev
@dessignnet Glad you liked it! Any idea what you might try it on first? 👀
Soula Care
Congrats on the launch. Keep going 😊
21st.dev
@a_6 Thanks so much, Anna! 😊
Would actually love to hear your take — does anything in 21st.dev feel like it could plug into the kind of stuff you're building?
Clustr
21st.dev
@timcha You're the best — thanks again for the love! 🙌
I swear i get stuck in a rabbit hole when on 21stdev lol so many beautiful components
21st.dev
@simone_simone Haha that’s exactly the goal 😄
Anything in particular that pulled you in lately? Always curious what stands out!
This is gonna boom in this trend of vibe coding and like how do you see 21st.dev shaping the way developers collaborate or share custom components within teams?
I'm impressed at the speed these guys ship at. 🥳🥳
21st.dev
@artivilla Appreciate that! We’re kinda addicted to shipping fast — helps keep the magic alive ✨
Got anything in mind you wish existed on 21st.dev?
Been a big fan of you guys for a while! Regular user. Love it.
21st.dev
@flyweel_turner That seriously means a lot 🖤
Out of curiosity — is there a favorite component or feature that’s become part of your go-to flow?
Looks awesome 🚀 Gave you an upvote, looking forward to trying it out!
21st.dev
@ha_anh_nguyen Big thanks for the support, means a lot!
Excited to hear what you think once you dive in — curious what you'll build first 👀
MidReal
Beautifully crafted! 21st.dev feels like an AI-powered npm for UI components—slick, intuitive, and a joy to remix.
21st.dev
@kaijiemidreal Wow, that’s such a perfect description — AI-powered npm is exactly the vibe we’re chasing 💫
Appreciate you noticing the details! Curious: anything you’d love to see added or improved next?
Great product! Amazing use case for MCP
21st.dev
@mustafin Appreciate that a ton! 🙌
We’ve been dreaming up wild use cases for MCP — stoked it clicked for you too.
What’s been your favorite way to use it so far?
Just tried it and instantly got it. The experience speaks for itself.
21st.dev
@simon_fuehrer That means a lot 🙌 Always our goal — zero friction, just flow
Curious what you tried first?
I LOVE LOVE LOVE 21st.dev. Every time I go to the platform I alway see new UI's to use. I am new to this but 21st.dev makes it easier for newbies like me. I love to create and find new UI's and this is my immediate go to when I am looking for cool things to put on the sites I am building. Thank you so much to all of the creators on this platform!! You guys rock!!
21st.dev
@morgen_o Ahhh this absolutely made our day 😭💛
It’s been our dream to make UI creation less intimidating and way more fun — especially for folks just starting out.
Huge shoutout to you for exploring, remixing, and building cool things with it already!
Out of curiosity — what's the last thing you made using 21st.dev? 👀
@serafimcloud i made a web3 dating/networking web app using lovable https://boinkme.xyz/ but if you go to the first page you will see immediately where i used 21st.dev. Unfortunately I am having a very hard time with users being able to sign in (finding out that auth issues with lovable are normal) so I may have to rebuild but really hoping whatever I use next to build that I can use 21st.dev there. My testers love to play with the UI i used lol.