21st.dev 2.0 - Create, remix and share UI components with AI
by•
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
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.
Trace
21st
@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
@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
@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.
@serafimcloud Hi Serafim, love how 21st.dev 2.0 approaches design iteration with real, shippable variants. Curious how you’re thinking about securing AI remixing, prompt inputs, and community-trained components from abuse or supply-chain risks. Happy to share thoughts if useful.
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
@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
@serafimcloud @theanimeshs thanks for your kind words, happy users the only ream motivation that makes me do it
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
@roman_buzko one day...
Audos.com
best UI devtool for vibe coding ever. Love it so much!
@serjobas @serafimcloud, congrats on the ph launch, you're doing great!
21st
@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
@serafimcloud @0xblackbirdoff thanks you!
Audos.com
21st
@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
ScreenSmooth
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
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! 🚀
ScreenSmooth
@nadya_rodiononva it cool!
ScreenSmooth
@nadya_rodiononva wow cool will try it too !!
AltPage.ai
21st
@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
@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
@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
@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
@dessignnet Glad you liked it! Any idea what you might try it on first? 👀
Congrats on the launch. Keep going 😊
21st
@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?
Trace
21st
@timcha You're the best — thanks again for the love! 🙌