Welcome to 21st
Discover. Iterate. Ship. The first design tool for vibe crafting.
21st is the first design tool that helps builders vibe craft beautiful, ownable interfaces.
Great ideas never start from scratch. They're built on references, inspirations, and fragments — remixed into something entirely new. We believe you don't need to be a designer to have great taste, and you don't need to be an engineer to have great ideas.
How It Works
- Discover - Explore our library of the world's freshest UI components, ready to collect and remix
- Iterate - Turn your canvas into beautiful new designs with AI that understands your taste
- Ship - Components are already coded and ready to integrate into your project
Finally, there's an AI that just gets your vision.
Choose Your Path
Build with Canvas
AI-powered UI building tool with GitHub and Cursor integrations. Create beautiful interfaces with intelligent assistance.
Use Community Components
Browse and install thousands of high-quality React components created by developers worldwide.
Publish Components
Share your components with the community and earn from their usage through our monetization system.
Quick Links
Canvas
Chat Modes & Commands
Iterate vs Explore, inline @commands
Context Management
Add on-canvas items, images, and @Files
Version History
Versions dialog and restore checkpoints
GitHub Integration Setup
Enable, authorize, index your repo
Publishing
Publish Your First Component
Share your components and earn
Quality Guidelines
Follow best practices for publishing
Apply to Partner Program
Get higher revenue share
Set Up Payouts
Configure PayPal for earnings
Community
Need Help?
- Join our Discord community
- Follow us on X/Twitter
- Check out our GitHub
- Email support: support@21st.dev