Docs

Install the Showcase design system in your own project — prerequisites, shadcn/ui setup, and your first component.

How the design system is layered — experiences, components, blocks, primitives, and graphics — and which tier to pick when.

Theme tokens, the palette/component layer split, and how to author or override a theme. Tailwind v4 @theme + CSS variables.

How rendering variants work — separate function exports that share a props shape, never a discriminator prop on a single function.

What a brand kit is, what it carries, and how it relates to themes — palette, typography, and source documents grouped into a portable identity.

A tour of the component preview — the Visual, Code, Recipe, and Content tabs, and how they fit together.

How to wire up right-to-left languages — DirectionProvider, the useDirection hook, and language detection utilities.