i ideas / repo launcher
magicuidesign avatar

magicuidesign/magicui

★ 23,207MDXMIT89

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

What it is

Visit our contributing guide to learn how to contribute. It only takes ~5 minutes to add your own!

When to use it

Reach for magicui when you want your app to look great fast — components, icons, motion, charts or rich editors — it's written in MDX and fits stacks tagged components, framer-motion, nextjs, react.

Category
UI & Design
Also in
—
Stars
23,207
Forks
1,243
Last push
2 days ago
Created
2023-06-26
Open issues
14
Website
magicui.design
#components#framer-motion#nextjs#react#shadcn-ui#tailwind#typescript#mdx

Quick start

$ git clone https://github.com/magicuidesign/magicui.git

Hand it to your AI

Read https://ideas.asveas.com/r/magicuidesign/magicui.md and help me add magicuidesign/magicui to my project. Explain the setup steps for my stack and show the minimal code to get it working.
UI & DesignMarkdown .mdOpen on GitHub ↵

Alternatives to magicui

All UI & Design →
excalidraw avatarexcalidrawVirtual whiteboard for sketching hand-drawn like diagrams★ 136kshadcn-ui avataruiComposable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.★ 128kmrdoob avatarthree.jsJavaScript 3D Library.★ 118ktailwindlabs avatartailwindcssA utility-first CSS framework for rapid UI development.★ 98.6ktldraw avatartldrawBuild infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.★ 51.4kgradio-app avatargradioBuild and share delightful machine learning apps, all in Python. 🌟 Star to support our work!★ 44k

Pairs well with

formbricks avatarformbricksOpen Source Qualtrics Alternative★ 13.2ktremorlabs avatartremorCopy & Paste React components to build modern web applications.★ 3.7kheroui-inc avatarheroui🚀 Beautiful, fast and modern React UI library. (Previously NextUI)★ 31.2krecharts avatarrechartsRedefined chart library built with React and D3★ 27.7kdubinc avatardub.linkThe modern link attribution platform. Loved by world-class engineering teams at Twilio, Zillow, Jobber, Vercel, Raycast, and more.★ 25.2kvercel avatarchatbotA full-featured, hackable Next.js AI chatbot built by Vercel★ 21k

FAQ

What is magicui?

magicuidesign/magicui is an UI library on GitHub: UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source. Visit our contributing guide to learn how to contribute.

When should I use magicui?

Reach for magicui when you want your app to look great fast — components, icons, motion, charts or rich editors — it's written in MDX and fits stacks tagged components, framer-motion, nextjs, react.

What are the best alternatives to magicui?

Popular alternatives in UI & Design: excalidraw/excalidraw (136k★), shadcn-ui/ui (128k★), mrdoob/three.js (118k★), tailwindlabs/tailwindcss (98.6k★), tldraw/tldraw (51.4k★).

Is magicui actively maintained?

magicuidesign/magicui looks very actively maintained: the last push was 2 days ago (2026-11-09), with 23,207 stars and 14 open issues.

What license does magicui use?

magicuidesign/magicui is published under the MIT license. Check the repository's LICENSE file before commercial use.