Spell UI

33 animated React components — text reveals, WebGL backgrounds, embeds — via shadcn CLI

Tier B · UsefulAnimation LibraryComponent LibraryRegistryspell.sh

(Visit spell.sh ↗)(Docs)(Repository)(Registry)

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.

Install

npx shadcn@latest add https://spell.sh/r/blur-reveal.json

For an agent

Reach 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.

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, MCP server
Platform: Web
Content type: Code
Agent readiness: Machine-readable registry item, CLI installable, MCP server, Structured documentation, Copy-paste ready code
Accessibility: Unknown
Maturity: Actively maintained
GitHub stars: 1,051

Components it ships

33 total

Text Effect Shimmer Typewriter Text Marquee Gradient Background Button Copy Button Badge Kbd Chart Qr Code Embed Card Carousel Avatar Color Picker Text Input Checkbox Spinner Hover Effect Scroll Reveal

Helps you build

Homepage Features

Notable for

seven categories, 33 documented components
namespaced as @spell in shadcn's official directory
documented shadcn MCP setup
flat /docs/<slug> URL scheme

Provenance

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

Also in Motion & Interaction

spell.shTier B