Spell UI
33 animated React components — text reveals, WebGL backgrounds, embeds — via shadcn CLI
Spell UI is a copy-paste React and Tailwind collection built around motion rather than structure. The component index groups its 33 items into seven sections: Components, Text Animations, Buttons, Inputs, Feedback, Backgrounds, and Interactive. Most items are one self-contained file that depends on motion; a few reach further (three for Light Rays, opentype.js for Signature, react-tweet for Tweet). It installs through the shadcn CLI or through the shadcn MCP server using the @spell namespace.
npx shadcn@latest add https://spell.sh/r/blur-reveal.jsonReach for Spell UI when a landing page needs a specific motion flourish — a blur-reveal headline, a shimmer word, a light-rays hero backdrop — and you already have shadcn/ui handling the real UI. Register it once as "@spell": "https://spell.sh/r/{name}.json" in components.json, then install by namespace (npx shadcn add @spell/blur-reveal) so the CLI and the shadcn MCP server both resolve it. Doc URLs are flat — https://spell.sh/docs/<slug>, not /docs/components/<slug> — and Light Rays silently adds three (~600 KB) to your bundle, so gate it behind a dynamic import.
Why it is here. A small, honest, MIT registry that does one thing — decorative motion — and is already wired into the official shadcn namespace list, so agents can install it without extra configuration.
- seven categories, 33 documented components
- namespaced as @spell in shadcn's official directory
- documented shadcn MCP setup
- flat /docs/<slug> URL scheme
Verified 2026-08-15. HTTP 200. https://spell.sh/docs/components, https://spell.sh/docs, https://spell.sh/docs/mcp, https://spell.sh/sitemap.xml, https://spell.sh/r/registry.json, https://ui.shadcn.com/r/registries.json
