Shadcn/UI theme editor

What is Shadcn/UI theme editor?

Shadcn/UI theme editor is an open-source web application that enables developers to create, customize, and share color themes for shadcn/ui components. Built with Next.js 15, Tailwind CSS 4, Drizzle ORM, and Supabase, the platform provides a visual interface for designing themes without manual configuration. The tool is designed for developers working with shadcn/ui who want to customize component styling beyond default options. Users can select from thousands of community-created themes or build custom ones using an OKLCH color picker, choose from Google Fonts, and adjust border radius values. All changes render with live previews across shadcn/ui components, allowing developers to see exactly how their themes will appear before implementation. Key features include real-time component previews, instant theme export functionality optimized for Next.js projects, and a community marketplace for discovering and sharing themes. The application handles both color customization and typography selection, providing a comprehensive theming solution within a single interface. As an open-source project available on GitHub, Shadcn/UI theme editor serves developers of all experience levels who need an efficient way to create cohesive design systems for their shadcn/ui implementations. The platform eliminates the need for manual CSS variable configuration and color palette management.