The latest articles on DEV Community by Jordan Liu (@jordanliu). https://dev.to/jordanliu https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F341941%2Fda4c1548-7579-4b64-89fa-c8fb43db28e2.png https://dev.to/jordanliu en Jordan Liu Mon, 16 Jun 2025 03:27:36 +0000 https://dev.to/jordanliu/themecn-a-real-time-theme-generator-for-shadcnui-55ph https://dev.to/jordanliu/themecn-a-real-time-theme-generator-for-shadcnui-55ph <p>I've been working on a little project to make designing with shadcn/ui easier and more fun. It's called themecn, and it's built to take the pain out of theme creation by giving you instant visual feedback as you tweak colors, fonts, and more.</p> <p>🎨 Create themes visually<br> 🎯 See changes in real time<br> 🔄 Generate harmonious color palettes<br> 📱 Preview across screen sizes<br> 🔗 Share your themes via URL<br> 🎭 Toggle light and dark mode<br> 🚀 Add themes to your shadcn/ui project with the CLI<br> ⬆️ Import existing Tailwind (v3/v4) globals.css files and see them live</p> <p>If you’re working with shadcn/ui and want a faster, smoother way to customize your design system, give themecn a try.</p> <p><strong>Link:</strong> <a href="https://themecn.dev/" rel="noopener noreferrer">https://themecn.dev/</a><br> <strong>GitHub:</strong> <a href="https://github.com/jordanliu/themecn" rel="noopener noreferrer">https://github.com/jordanliu/themecn</a></p> <p>Let me know what you guys think! Open to contributions and suggestions.</p> webdev design javascript productivity