Up and running in a minute

1. Pick a variant

Components come in up to four flavors — TypeScript or JavaScript, styled with Tailwind or plain CSS. The suffix on a registry item says which one: TS-TW, JS-TW, TS-CSS, JS-CSS.

2. Install with the shadcn CLI

In a project with components.json (run npx shadcn@latest initonce if you don't have it), add any component by URL:

npx shadcn@latest add "https://designpass.dev/r/SpringSlider-TS-TW"

Dependencies between our components resolve automatically — SpringSlider pulls in Magnet on its own. Every component page shows its exact command.

3. Or just copy the source

Each component page has the full source in every variant — copy it into your project and tweak anything. Please keep the short attribution header at the top of the file.

Working with an AI agent?

Point it at /llms.txt for a map of the library, or /llms-full.txt for every component's source in one file.