Magic UI
150+ animated components in React, Tailwind and Motion
Steal this
Ready animated effects for landing pages, built to match shadcn/ui.
What it is
A library of animated components and effects built with React, TypeScript, Tailwind CSS and Motion, made as a companion for shadcn/ui. It also has templates and a Magic UI Pro with blocks for landing pages.
What it’s for
For adding motion and polish to landing pages without building each effect from scratch.
Benefits
- 150+ animated components and effects
- Made to pair with shadcn/ui
- Ready-made landing page templates
Caveats
- Per its site, the components are free and open source; Magic UI Pro (blocks and templates) is a separate product
