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
Great product! Amazing use case for MCP
21st
@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
@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
@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.
I like 21st.dev and have been using it for a while now. Pushing components into your library can be a headache at times. Especially for those who are new to coding or build in something other than typescript and tailwind. The structure required is extremely specific in terms of file types and naming conventions for components to function correctly within the environment. I ended up making a tool that is specific for this so it would make my life easier. I either connect an API, upload files, manually paste, upload links, and it will convert the code into the component.tsx and default.tsx files I need in order to push to your library. If I had one thing I'd want to change about 21st, it'd be that. Otherwise, killer website. Proud of what you made!
21st
@osint619 That’s incredibly thoughtful feedback — thank you for sharing it 🙏
Totally hear you on the file structure pain. We’re actually exploring ways to make the upload process way more forgiving (and smart) — what you’ve built sounds like exactly the kind of thing we’d love to learn from.
@serafimcloud Thanks for your reply! Building the tool was extremely difficult for me. Feel free to shoot me a DM sometime if you guys hit a wall.