Magic UI

magicui.design

UI library for Design Engineers with 150+ animated components

Dev Toolsreactui-componentstailwind-cssanimationopen-sourcedesign-engineeringtypescript
Visit
Magic UI screenshot
/ About /

Magic UI is an open-source library of animated UI components and templates built with React, TypeScript, Tailwind CSS, and Motion. It offers over 150 free components and effects designed to help developers create visually stunning landing pages. It serves as a companion library to shadcn/ui.

/ How it works /

Provides a collection of pre-built, animated React components that can be browsed and dropped into projects using Tailwind CSS and Motion.

/ Who it's for /

design engineers and frontend developers

/ More info /

Background.

Status
launched
Business model
open-source

Contact

/ Discovered patterns /

Similar projects.

Coming soonSpektrail’s read on Dev Tools

Editorial take on the space this project sits in — momentum signals, adjacent moves, our call on whether the wedge is real. Get pinged when we publish a new read or when the landscape shifts.

Coming soon

Have a take on this space?

Tell us what you’d build differently, where you think the incumbents miss, or what we’ve gotten wrong about this project. Comments + reactions are coming soon.