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
Replies
Best
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.
@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!
Report
@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!
@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!
Report
Looks amazing! Can I fully customize the components?
@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?
Report
@serafimcloud Yes, I'm looking to customize the layout structure, animations, and color themes to align with my brand style.
@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!
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 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 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?
@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?
@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 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?
Report
@serafimcloud don’t have one at the moment
I was just interested about the whole ecosystem
@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.
Report
That's neat! What's Printerest's role in all this?
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
@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!
Replies
21st
21st
21st
21st
Adapty
21st
WhiteSpace
21st
Remy AI
21st
Remy AI
21st
21st
21st
21st
21st
Marked by
21st
21st