Open SourceUI20k

Magic UI

50+ animated components and effects for design engineers.

Magic UI is an open-source library of 150+ animated React components and effects built with React, TypeScript, Tailwind CSS, and Framer Motion (Motion). It is designed to work alongside shadcn/ui and follows the same copy-paste, code-ownership distribution model. It is notable for providing polished motion-driven components for marketing pages and landing sites.

View repo

Repository

magicuidesign/magicui

Language

TypeScript

What you'd build with it

Add animated marketing-page components (hero effects, beams, marquees) to a React app
Extend a shadcn/ui project with motion-driven UI elements
Build animated landing pages by copying and customizing component source

Repository

Language

What you'd build with it

Tags