Robust Design Systems

Robust Design Systems

Create Visually And Export shadcn Components

19 followers

- Create shadcn/ui component variants without writing code - Export production-ready TypeScript code with proper styles Perfect for developers who love shadcn but want a visual way to customize components.
Robust Design Systems gallery image
Robust Design Systems gallery image
Robust Design Systems gallery image
Robust Design Systems gallery image
Free
Launch Team / Built With

What do you think? …

Imad Boukhari
Maker
📌
Hey everyone! 👋 As a developer who loves shadcn/ui, I often found myself wanting an easier way to customize components without diving deep into code. That's why I built this visual editor. What it does: - Create shadcn component variants through a visual interface - Test hover, focus, and disabled states in real-time - Export production-ready TypeScript code that you can use immediately - Manage semantic colors and theming visually The best part? The exported code follows all shadcn's best practices and integrates seamlessly with your existing setup. Quick example: 1. Open the editor 2. Add your theme and semantic colors 3. Pick a component (like Button) 4. Customize colors, states, and styles visually 5. Export the code 5. Drop it into your project - it just works! This is just the beginning. I'm actively developing new features and would love your feedback on what would make this tool even more useful for your workflow. Try it out and let me know what you think! 🚀