Discover / Design
Magic UI
by magicuidesignMDX
Collection of animated React UI components for building modern landing pages.
Repositoryexperimental
Maturity: experimental because active but has never tagged a release. Derived from release and commit history, not a rating.
- Stars
- 22k
- Forks
- 1.1k
- Downloads / mo
- —
- Last commit
- 2026-07-31
- License
- MIT
- Open issues
- 2
Market and trust evidence
Edition not yet matchedNo exact skills.sh identity match is available for this repository. Repository adoption and freshness remain visible above; install momentum is not inferred.
Trust analysis is a screening signal, not a security warranty. Read the ranking and trust methodology.
In practice
Written by AI from this repository’s README · low confidenceAdding polished motion and effects to a React interface without writing every animation from scratch.
Use it when
Use it when a Next.js and Tailwind project needs animated components alongside shadcn style primitives.
Not the right pick when
The README carries no usage or installation detail, so every practical step lives on the external docs site.
Capabilities
- UI library aimed at design engineers
- component registry defined in registry.json
- documentation site at magicui.design/docs
- contribution guide for adding your own components
Cost: Free and open source
Video walkthroughs
Build an AI-Powered Landing Page in 10 Minutes: Next.js + V0 + Magic UI + Cursor AI
Build a modern portfolio using NextJS, Shadcn, MagicUI and Flowbite
Third-party YouTube uploads matched to this tool by title, channel and repository name on 2026-08-03. Not made, reviewed or endorsed by SkillPilot. View counts and publish months are as of the match date and the month is approximate. Nothing loads from YouTube until you press play.
What the repository ships
Cursor rulesCI configured
Detected from the actual files in the repository root.
Tags
README
<img alt="Magic UI - UI Library for Design Engineers" src="https://cdn.magicui.design/bento-grid.gif" width="100%">
<h3 align="center">Magic UI</h3>
<p align="center">
UI Library for Design Engineers
</p>
<div align="center">
<a href="https://github.com/magicuidesign/magicui/stargazers"><img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/magicuidesign/magicui"></a>
<a href="https://twitter.com/magicuidesign"><img alt="Twitter Follow" src="https://img.shields.io/twitter/follow/magicuidesign"></a>
<a href="https://github.com/magicuidesign/magicui/blob/main/LICENSE.md"><img alt="License" src="https://img.shields.io/badge/License-MIT-yellow.svg"></a>
<a href="https://discord.com/invite/87p2vpsat5"><img alt="Discord" src="https://img.shields.io/discord/1151315619246002176"></a>
</div>
Documentation
Visit https://magicui.design/docs to view the documentation.
Contributing
Visit our contributing guide to learn how to contribute. It only takes ~5 minutes to add your own!
Community
Have questions, comments or feedback? Join our discord.
Authors
<a href="https://github.com/magicuidesign/magicui/graphs/contributors">
<img src="https://contrib.rocks/image?repo=magicuidesign/magicui" />
</a>
Stats
Star History
License
Licensed under the MIT license.