stackpicks.dev
magicuidesign

magicui

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

21.1k stars1k forks41 watchers4 open issuesMDXMIT

TL;DR · 30-second scan

What it is

magicui (MDX)UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

What it does for you

You need animated marketing landing components fast and you are already on shadcn + Tailwind.

Best for

UI Components · Animation & Motion

21.1k GitHub starsLicense: MITLast updated 2 days ago
EDITOR'S DEEP TAKE

50+ animated React components built on Motion + Tailwind. Copy-paste style like shadcn but for animated effects: animated text, marquee, bento grids, file trees. Pairs perfectly with shadcn for landing pages.

Use this if

You need animated marketing landing components fast and you are already on shadcn + Tailwind.

Skip if

You are building a utility app where animation is decoration — focus on UX, not flair.

Topics
framer-motionnextjsreacttailwindcsstypescriptcomponentsshadcn-ui
Maintainer? Embed our badge

Add this badge to your README to show your project is curated on StackPicks. Free, lightweight (180×28 SVG), and gives your visitors a one-click way to see honest take + alternatives.

Preview
Featured on StackPicks
Markdown (for GitHub README)
[![Featured on StackPicks](https://stackpicks.dev/api/badge/magicuidesign-magicui)](https://stackpicks.dev/repo/magicuidesign-magicui)
HTML (for blogs / docs)
<a href="https://stackpicks.dev/repo/magicuidesign-magicui"><img src="https://stackpicks.dev/api/badge/magicuidesign-magicui" alt="Featured on StackPicks" width="180" height="28" /></a>

Are you the maintainer of magicuidesign/magicui? Add the badge and we'll feature your project in the next weekly newsletter (~2,000 builders).

Created 27 Jun 2023
Last push 2 days ago
Stats refreshed 1 hour ago