shadcn-studio

Shadcn Studio: Open Source Shadcn UI Registry & Visual Theme Editor

Shadcn Studio offers developers an extensive open-source registry of Shadcn components, blocks, and templates, all ready for copy-and-paste integration. It is uniquely paired with a powerful visual theme editor, allowing for real-time customization of user interfaces. Users can preview changes across diverse components, fine-tune colors and typography, and utilize pre-built themes to significantly accelerate the development of polished and consistent web applications built with Shadcn UI.

Features:

• Visual Theme Editor: Preview theme modifications across various components and layouts dynamically.
• Live Theme Generation: Instantly observe transformations in Shadcn components while experimenting with styles.
• Color Customization: Adjust background, text, and border hues using a sleek color picker for a unified design aesthetic.
• Typography Control: Fine-tune font sizes, weights, and text transformations to achieve a polished textual appearance.
• Tailwind v4 Compatibility: Seamlessly utilizes Tailwind v4, supporting OKLCH, HSL, RGB & HEX color formats.
• Pre-built Theme Starters: Initiate projects with beautifully pre-designed themes, easily customizing light or dark modes.
• Custom Theme Saving: Preserve personalized themes with a simple action for convenient reuse and sharing.
• Component Registry Access: Provides an open-source collection of copy-and-paste Shadcn components, blocks, and templates.
• Theme Import/Export: Facilitates easy sharing and management of themes through import and export functionality (In Progress).
• Shadcn Figma UI Kit: Aims to streamline the design-to-development process with a dedicated Shadcn UI kit for Figma and a plugin (In Progress).
• Extended Component Variants: Offers an open-source collection of extended Shadcn component variants for quicker UI building (In Progress).

Summary:

Shadcn Studio is a comprehensive solution for developers utilizing Shadcn UI, providing a rich open-source repository of components, blocks, and templates alongside an intuitive visual theme editor. This combination empowers users to efficiently customize themes, colors, and typography in real-time, streamlining the creation of professional and consistent user interfaces. The platform aims to bridge design and development for Shadcn UI projects with ongoing enhancements and new assets.