Skip to content
Spell UI

Spell UI

33 polished React + Tailwind components, MIT, shadcn-installable

Tier B · UsefulComponent LibraryRegistryspell.sh

Preview image from spell.sh

Spell UI is a small, taste-led set of 33 React components aimed at design engineers — text animations (blur reveal, shimmer, words stagger, gradient wave), button treatments (pop, flow, rich, copy), inputs (color selector, animated checkbox, exploding input), and self-contained widgets like a Spotify card, tweet embed, QR code, signature, and chart. It ships a shadcn-compatible registry at /r, so each piece installs with the standard CLI and lands in your own codebase. MIT, open source at xxtomm/spell-ui, roughly 1.1k stars.

Install
npx shadcn@latest add https://spell.sh/r/pop-button.json

For an agent

Treat Spell UI as a garnish registry, not a foundation: build the app on shadcn/ui, then pull one or two Spell pieces by URL (`npx shadcn@latest add https://spell.sh/r/<name>.json`) when you need a text reveal, a tactile button, or a drop-in Spotify/tweet card without hand-rolling it. Because it is a plain shadcn registry with MIT source, the code lands in your repo and you can edit it freely — better than importing a styled package you cannot restyle. It covers no navigation, table, dialog, or form-validation primitives at all, so never pick it as the primary library, and expect no accessibility guarantees on the animated inputs.

Why it is here. A rare small registry where every one of the 33 components looks considered, which makes it a safe source of one-off delight in an otherwise plain build.

Install command, framework, licence and component list.

Facts

License
MIT
Pricing
Free, Open source
Framework
React, Next.js
Styling
Tailwind CSS, CSS custom properties
Distribution
shadcn registry, CLI installer, Copy-paste snippet, GitHub repository
Platform
Web
Content type
Code
Agent readiness
Machine-readable registry item, CLI installable, Copy-paste ready code, Readable open source, Structured documentation
Accessibility
Unknown
Maturity
Actively maintained
GitHub stars
1,100

Components it ships

33 total

Helps you build

3

Notable for

  • 33 components, no filler
  • MIT and fully open source
  • installs by registry URL with the shadcn CLI
  • 10 text-animation variants
  • drop-in Spotify card, tweet, QR, signature

Provenance

Verified 2026-08-15. HTTP 200. https://spell.sh (fetched, 200), https://spell.sh/docs (full sidebar of component groups read), https://spell.sh/r/registry.json (33 registry item names enumerated), https://spell.sh/r/pop-button.json (registry item shape confirmed), https://github.com/xxtomm/spell-ui (1.1k stars, MIT, 32 forks). Per-component docs pages under /docs/components/<name> 404'd and /docs/installation 404'd, so the install command is derived from the confirmed registry URL pattern; last commit date not verified.

Also in Component Libraries

6
spell.shTier B