shads.app Open builder

Theme builder, not theme picker

Export formats

Export a shads.app theme as CSS variables, theme.json, a shadcn registry item, or a zip. Pro adds W3C design tokens and CSS import.

Open theme builder → Browse starters

What you can export

  • shadcn create command — scaffolds a new app with the current theme as --preset
  • shadcn add command — installs the theme into an existing project
  • theme.css — CSS variables for light and dark
  • theme.json — shads-theme/v1 document
  • Registry JSON — drop-in shadcn registry item
  • Zip bundle — offline install
  • Pro: W3C design tokens and Figma-compatible JSON
  • Pro: import CSS from an existing project

Open the builder, click Export, and copy the command or file you need. Starter themes use a stable catalog URL; custom themes create a share-backed install URL.