Tempio Docs
Design system

Registries

From packages/ui: pnpm dlx shadcn@latest add @shadcnblocks/<name> (needs SHADCNBLOCKS_TOKEN in the env), @react-bits/<name>, @magicui/<name>.

Adaptation rules — non-negotiable:

  1. Semantic tokens, never raw palette classes (bg-primary, not bg-emerald-500).
  2. Strip demo content, attribution comments, Demo wrappers.
  3. Keep focus states, aria-*, keyboard handling and prefers-reduced-motion.
  4. Motion budget: one attention element per viewport.
  5. Mobbin is reference only — never pasted.