Foundations
FoundationsTier 1 · Tokens
Tokens & themes
The whole token layer: colour, type, spacing, radius, shadow, motion, z-index and breakpoints, plus the four product themes. Every other item assumes these are present.
bunx --bun shadcn@latest add @woohl/tokensReference
Installs this item, its registry dependencies and the token layer.
bunx --bun shadcn@latest add @woohl/tokensregistry/tier-1-tokens/index.css
/* 1. Tokens */
@import "./tokens/color.css";
@import "./tokens/typography.css";
@import "./tokens/spacing.css";
@import "./tokens/radius.css";
@import "./tokens/shadow.css";
@import "./tokens/motion.css";
@import "./tokens/z-index.css";
@import "./tokens/breakpoints.css";
/* 2. Themes */
@import "./themes/base.css";
@import "./themes/buyer.css";
@import "./themes/seller.css";
@import "./themes/creator.css";
@import "./themes/admin.css";
/* 3. Semantic → Tailwind bridge */
@import "./tokens/themes.css";
/* tokens/strict.css is deliberately NOT imported here — it has to run between
Tailwind and this file. See that file for why. */
This item exports no props — it is a stylesheet, a helper or a set of constants.
Registry items
None — this item stands on its own.
npm packages
None beyond React itself.