Shadcn Themer

Overview

Discovering the perfect theme for your web project can often be a daunting task, but Shadcn Themer simplifies this process with its user-friendly web application. This innovative platform allows you to create, customize, and share beautiful themes specifically designed for shadcn/ui. With real-time previews, you can see how your color schemes look across various UI components before finalizing your design, making it an ideal tool for developers and designers alike.

Shadcn Themer not only offers extensive customization options, but it also encourages collaboration within the community. You can explore and build upon themes created by others, enabling a diverse range of beautiful designs to choose from. Whether you’re aiming for a sleek dark mode or a vibrant light mode, this app accommodates all creative styles seamlessly.

Features

• Visual Theme Editor: An intuitive color picker with support for OKLCH color space, allowing precise color selection.
• Live Previews: Experience instantaneous feedback as you adjust your themes across multiple UI components.
• Light/Dark Mode: Design and preview themes in both light and dark modes side by side for enhanced versatility.
• Export Options: Easily export your creations as CSS files or through shadcn CLI registry format for integration into your projects.
• Import Themes: Bring in existing themes directly from CSS, making it easy to adapt and modify prior designs.
• Fork Themes: Build and expand upon community-created themes, fostering an environment of collaboration and creativity.
• Star System: Save and favorite themes that you love, keeping your design inspirations organized.
• Font Customization: Choose from an extensive selection of Google Fonts while seeing live previews of how they complement your themes.