Svelte Bits Library

164 animated Svelte components, searchable and ready to install

Svelte Bits Library! — 164 animated Svelte components, searchable, with live text demos and copy-ready install commands.

How to use Svelte Bits Library

  1. Type a keyword or pick a category to search the 164-component catalog
  2. Open any component to see its jsrepo and shadcn install commands
  3. Copy the install command and run it in your Svelte project
  4. Try the live text-effect playground to preview Split, Shiny, Gradient, Glitch, Rotating and Count Up effects
  5. Star components to mark your favourites while you browse

Features

  • Real 164-component catalog from the Svelte Bits repo: Text Animations, Animations, Components, Backgrounds and Micro
  • Every Micro component carries the repo's own description
  • Copy-ready jsrepo and shadcn install command for every component
  • Live CSS playground for six signature text effects with your own words
  • Category counts, search across names, slugs and descriptions, favourites

Frequently asked questions

Is it free?

Yes, unlimited.

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