# Magic UI (UI components & kits)

> Magic UI is a free, open-source UI component library built with React, Next.js and Tailwind CSS. UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. It has 22,494 GitHub stars and is released under the MIT license.

Visit our contributing guide to learn how to contribute. It only takes ~5 minutes to add your own! Have questions, comments or feedback? Join our discord.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/magicuidesign/magicui |
| Built with | React, Next.js, Tailwind CSS, shadcn/ui, TypeScript |
| Live demo | https://magicui.design |
| GitHub template repository | no |
| GitHub stars | 22,494 |
| License | MIT |
| Language | MDX |
| Official | yes |
| Category | UI components & kits |
| Latest release | none |
| Last commit | Oct 5, 2026 |

## Get started

### Copy with degit

```sh
npx degit magicuidesign/magicui my-ui
cd my-ui
npm install   # then run the dev script from the README
```

### Or clone with git

```sh
git clone --depth 1 https://github.com/magicuidesign/magicui.git my-ui
```

Commercial use depends on the MIT license. Sources: https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template, https://github.com/Rich-Harris/degit

## Similar templates

- [shadcn/ui](https://appsgit.com/templates/shadcn-ui): Composable, accessible components with thoughtful defaults. (125,265 stars, MIT, official)
- [Ant Design](https://appsgit.com/templates/ant-design): An enterprise-class UI design language and React UI library. (99,704 stars, MIT, official)
- [Material UI](https://appsgit.com/templates/material-ui): Material UI: Comprehensive React component library that implements Google's Material Design. (99,142 stars, MIT, official)
- [daisyUI](https://appsgit.com/templates/daisyui): The most popular, free and open-source Tailwind CSS component library. (42,554 stars, MIT, official)
- [Chakra UI](https://appsgit.com/templates/chakra-ui): Chakra UI is a component system for building SaaS products with speed. (40,676 stars, MIT, official)
- [HeroUI](https://appsgit.com/templates/heroui): Beautiful, fast and modern React UI library. (30,882 stars, Apache-2.0, official)

---

Canonical page: https://appsgit.com/templates/magic-ui
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.