---
name: magicui
summary: "Magic UI is a collection of animated React components and effects built with Tailwind CSS and Framer Motion, aimed at design engineers who want polished landing-page and marketing-site visuals. Components are copy-pasted into your project (shadcn/ui-style) rather than installed as a runtime dependency."
language: MDX
license: MIT
repo: https://github.com/magicuidesign/magicui
source: https://opensources.dev/resource/magicui
health: 100
---

# magicui

Magic UI is a collection of animated React components and effects built with Tailwind CSS and Framer Motion, aimed at design engineers who want polished landing-page and marketing-site visuals. Components are copy-pasted into your project (shadcn/ui-style) rather than installed as a runtime dependency.

## Documentation

Visit [https://magicui.design/docs](https://magicui.design/docs) to view the documentation.

## Contributing

Visit our [contributing guide](https://github.com/magicuidesign/magicui/blob/main/CONTRIBUTING.md) to learn how to contribute. It only takes ~5 minutes to add your own!

## Community

Have questions, comments or feedback? [Join our discord](http://magicui.design/discord).

## Authors

## Stats

![Alt](https://repobeats.axiom.co/api/embed/38b63c4514a8a4cd7d1307985af2889c78d67bcc.svg)

## Star History

[![Star History Chart](https://api.star-history.com/svg?repos=magicuidesign/magicui&type=Date)](https://www.star-history.com/#magicuidesign/magicui&Date)

## License

Licensed under the [MIT license](https://github.com/magicuidesign/magicui/blob/main/LICENSE.md).