Stay Ahead with Shadcn

Learn how shadcn/ui colors and theme variables work with Tailwind CSS v4. Customize OKLCH tokens, dark mode, brand colors, presets, and components.

Set up shadcn/ui with Tailwind CSS v4 in a React Vite project, including path aliases, Vite configuration, component installation, and common fixes.

Make shadcn/ui websites more accessible with named icon buttons, visible focus states, keyboard-friendly components, form labels, and live regions.

Learn what every field in shadcn components.json does, which settings you can change, and how aliases, Tailwind, icons, RTL, and registries work.

Compare the best Shadcn billing templates for subscription management, pricing, checkout, payment methods, invoices, carts, and order summaries.

Instantly remix Shadcn Studio page previews into your Builder project without rebuilding layouts from scratch.