Spectrum UI Library

Browse 315 animated Spectrum UI components and copy the code.

Spectrum UI Library — browse 315 animated components and blocks, copy the shadcn install command or the real source code

How to use Spectrum UI Library

  1. Search the library by keyword, or filter by category and type.
  2. Click any component to see its description and install command.
  3. Copy the shadcn install command, or open the full source for a core primitive.
  4. Run the install command in your project, or paste the copied code in.
  5. Import the component and restyle it with Tailwind as you like.

Features

  • The full Spectrum UI registry: 315 components, blocks and hooks with real descriptions
  • Search across names, descriptions, categories and tags
  • One-click copy of the shadcn install command for every component
  • Full source included for 21 core primitives: button, card, dialog pieces and more
  • Category and type filters, plus a with-source-only view
  • Runs 100% locally in your browser: no API keys, no live AI

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.