Development · GitHub repo
Spell UI
Refined, copy-paste React and Tailwind CSS components with micro-interactions
Spell UI is an open source collection of polished React and Tailwind CSS components built for modern web apps and landing pages. It provides animated micro-interactions and creative UI elements—such as interactive cards, dynamic inputs, and gradient effects—that you can copy and paste directly into your project.
What it's for
- Add animated micro-interactions to modern landing pages
- Copy and paste pre-styled React UI elements into Tailwind CSS projects
- Enhance web applications with creative visual effects like light rays and animated gradients
Features
- Copy-and-paste integration workflow without heavy package lock-in
- Built with React, Next.js, Framer Motion, and Tailwind CSS
- Micro-interaction elements like Pop Button and Exploding Input
- Visual background effects including Light Rays and Animated Gradients
- Creative display cards such as Perspective Book and Spotify Card
- MCP integration support
Pricing
Open source. Free and open source
Details
- Type
- GitHub repo
- Category
- Development
- Topic
- UI Components
- Open source
- Yes
- Platforms
- Web, Code library
- For
- Design engineers, front-end developers, and Next.js creators
- Alternative to
- Aceternity UI, Magic UI, shadcn/ui
- Tags
- react, tailwind, framer motion, nextjs, ui components, micro interactions
Why it was saved
- @tomm_ui: Ready-made, well-crafted components to drop into products.
- @voidyaps: Listed as a top UI design / micro-interaction resource.
- @ErfanEbrahimnia: Ready-made, polished animated components (light rays, gradients, buttons, inputs, cards) for design engineers.
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated