We've completely redesigned the theme system for Design Tokens 2.0. Tokens are now hierarchical, semantic, and fully type-safe — built for scaling design systems.

Design Tokens 2.0 introduces a complete overhaul of how themes are managed within shadcnstudio. With this update, design tokens are now hierarchical and semantic, offering greater flexibility and scalability for your design system.
The new system supports automatic dark/light theme pairing, making it easier than ever to maintain consistent visuals across all environments. Tokens for colors, spacing, typography, and more are now fully type-safe and easily customizable, ensuring that your design system can grow alongside your projects.
Read MoreThe new Studio Dashboard brings together everything you need to preview, test, and deploy your component library right from your browser.
Vite
React
AngularThe Studio Dashboard is a powerful tool within shadcnstudio that streamlines the process of designing, previewing, and deploying your component library. It allows you to instantly preview components in different frameworks (like Next.js, Remix, and Vite) directly from the dashboard.
We’re launching Component Sync, a new way to manage, version, and update all your shadcn components across projects with a single click.
Now you can:
