Spell — 27 React Components, Preview & Copy | 21st

Spell

Refined, animated React UI components for design engineers to copy and paste into any project.

by tom

35components1.7Mviews6.6Kbookmarks

Installs all 31 components. Without our CLI, run instead.

Auto-indexed

Spell contents

Words Stagger

Randomized Text

Slide Up Text

Blur Reveal

QR Code

Tilt Card

Fallback Avatar

Keyboard Shortcuts

Text Marquee

Marquee

Spinner

Special Text

Shimmer Text

Rich Button

Pop Button

About Spell

Spell publishes a shadcn registry at spell.sh, with 31 components installable through the shadcn CLI.

Components: 31
GitHub stars: 1,055
Last commit: Aug 14, 2026
Repository: xxtomm/spell-ui

Also in the Spell registry

Each one installs on its own. Names link to the docs that ship them.

light-rays
logos-carousel
signature
spotify-card

From the Spell readme

Spell UI

Beautiful, sophisticated UI components designed for modern React and Tailwind CSS applications.

Documentation

Visit https://spell.sh/docs to view the documentation.

Contributing

Visit our contributing guide to learn how to contribute.

Community

Have questions, comments or feedback? Join our Discord.

Star History

License

Licensed under the MIT license.

Read the rest on GitHub →

Hooks and utilities

badge
chart

Registries like Spell

magicui77 components

coss524 components

cult-ui77 components

animate-ui409 components

ui-layouts320 components

reui1661 components

Browse every shadcn registry we track →

Components
/
tom
/
Spell

Related libraries

Ruixen UI

by Ruixen UI

378

components

Efferd

by Efferd

114

components

HextaUI

by Preet Suthar

123

components

SmoothUI

by Edu Calvo

components

shadcn/ui

by shadcn

components

ReUI

by Sean Hello

100

components

About Spell

Spell is a component library on 21st.dev by tom with 27 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.