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! 🚀

Robust Design Systems

Create Visually And Export shadcn Components

Create Visually And Export shadcn Components