Rohan Chaubey

21st.dev - Github + Pinterest to make your AI websites look beautiful

by
Make your AI websites look professional & beautiful. Copy-paste UI into v0, Cursor, Bolt, Lovable, Replit from the largest marketplace of UI elements. Get inspired by 50+ pro design engineers. Publish your design engineering work

Add a comment

Replies

Best
Theodore Calafatidis
Good job guys! This is actually pretty useful. Have not tried it yet, but from your demo videos I notice that unlike some of the component libraries I have used, this looks very easy and simple to integrate.
Serafim
@th_calafatidis Thank you, Theodore! I’m glad the demos made it look easy—that’s exactly what we’re aiming for. If you get a chance to try it out, I’d love to hear your thoughts or any feedback on the integration process!
Theodore Calafatidis
@serafimcloud hey i did try it already! made a post about it on X. Very cool stuff! Bolt was able to add an animated component into a project just by copy and paste the prompt. This is actually usefull for me that i mainly do backend AI engineering and this helps make the front end beautiful pretty fast!
Serafim
@th_calafatidis That’s awesome to hear! Thanks for sharing your experience—glad to know it’s helpful for you. If you have any suggestions or features you’d like to see added, feel free to let us know!
Pavel Skalin
Looks amazing! Can I fully customize the components?
Serafim
@pskalin Absolutely! Full customization is one of the core ideas—every component is designed to be fully tweakable to match your project’s style. You own the code, so you can adjust everything: Tailwind classes, structure, functionality, and more. Are there any particular features or design elements you’d want to adapt to your needs?
Pavel Skalin
@serafimcloud Yes, I'm looking to customize the layout structure, animations, and color themes to align with my brand style.
Serafim
@pskalin That sounds awesome, Pavel! The components are built with exactly this in mind—customizing layout structures, animations, and color themes is straightforward with Tailwind. If you run into any challenges aligning them with your brand style, let me know—I’d love to help or hear your feedback!
Dmitry Vlasov
What is the difference between published and hunted?
Serafim
Great question! Developers can publish their own components directly to the library, making them available for others. Additionally, ‘hunters’ can discover great components made by others and publish them to the library as well. This way, the collection constantly grows with high-quality contributions from the community. Does that sound like something you’d be interested in contributing to?
William Jin
This could really enhance my AI projects with professional designs. What’s your favorite UI element to use for inspiration?
Serafim
@william_jin Thank you! Really glad you see the potential for AI projects. My favorite? Probably the evervault card components—they’re simple but endlessly flexible for showcasing data or designs. What about you? Is there a specific component or UI pattern you often look for to speed up your work?
Pavel Sadikov
Awesome launch! Do you plan to add community-driven features like voting for new components or collaborative tools?
Serafim
@pavel_sadikov Thank you, Pavel! Community-driven features are definitely part of our long-term vision. Voting for new components is a fantastic idea, and we’re also considering collaborative tools for teams. Are there any specific features you’d like to see implemented first?
Pavel Sadikov
@serafimcloud ! I'd love to know if you're planning any kind of popularity or trending system to highlight which components are most frequently used or have become particularly popular lately. Also, do you have plans to provide open analytics so we can see how each component is performing? Finally, I’m curious if there will be a clear process for community contributions—like pull requests or dedicated discussion threads—to help the platform evolve?
Serafim
@pavel_sadikov Great ideas, Pavel! We already display the number of likes on each component’s page, and later today we’ll roll out an update to show likes and views directly in the component listings. For contributions, we’re working on a clear process with features like pull requests and discussion threads. Any specific metrics or workflows you’d like to see?
Kirill Ilichev
Looks great Can people contribute new components?
Serafim
@kirill_ilichev Absolutely, Kirill! Developers and designers can contribute new components through our self-serve ‘Publish Component’ feature. It’s a simple process, and it helps the library grow with high-quality additions from the community. Are there any components you’d like to contribute or see added?
Kirill Ilichev
@serafimcloud don’t have one at the moment I was just interested about the whole ecosystem
Serafim
@kirill_ilichev That makes sense, Kirill! If you end up using it for your current or next startup, I’d love to hear how it works for you and if there’s anything we can improve to make it even better for your needs.
Bon
That's neat! What's Printerest's role in all this?
Serafim
@bonvisions inspiration 😅
Dineshan
Access to a marketplace powered by 50+ pro design engineers, there’s so much potential to create professional, beautiful AI websites effortlessly. The option to publish design engineering work is also a fantastic way to showcase talent and inspire others. Congrats on the launch
Serafim
@dineshan_sithamparanathan thank you 🙏🏻
Ash
Yo! This is awesome thanks for making it
Serafim
@must_be_ash Yo, Ash! So glad you like it! Hearing this makes all the effort worth it—thanks for the support!
Harlley Oliveira
Is it possible for designers to publish only the design with specifications, such as a Figma, and for developers to implement these designs?
Serafim
@harlleyoliveira Thanks for the idea, Harley! At the moment, we don’t have plans for a feature like this, as we hope design engineers will publish components that are already implemented based on designs. Our vision is that many designers will evolve into design engineers themselves, especially with tools like Cursor making development both simple and exciting. It’s an incredible time to see the lines between design and development blur!