magicui README

The project's README from github.com/magicuidesign/magicui. As one markdown file: README.md.

Magic UI - UI Library for Design Engineers

Magic UI

UI Library for Design Engineers

GitHub Repo stars Twitter Follow License Discord

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

Stats

Alt

Star History

Star History Chart

License

Licensed under the MIT license.

magicui (magicuidesign/magicui)

Searching Database…

22.7K ·GitHub
这是什么?Magic UI 是一个免费开源的 UI 组件库,面向设计工程师:提供各种动画组件和特效,直接复制粘贴到你的应用里就能用。
那它不是我安装的 npm 包——它是以什么形式发布的?它以源代码的形式发布:你在文档里浏览动画组件和特效的目录,把需要的直接粘贴到自己的应用里,不需要安装任何运行时依赖。
我怎么把其中一个组件加到我的应用里?打开 README 顶部的文档网站链接,选一个组件,把它的代码复制到你的项目里。如果你想自己运行这个网站,这个仓库是一个 pnpm + Turborepo 的 monorepo,需要 Node >= 22.14 和 pnpm >= 9,用 pnpm dev 启动。
我的项目需要什么条件才能用这些组件?它们是 React + TypeScript 组件,用 Tailwind CSS 做样式,基于 shadcn/ui,用 Framer Motion 做动画,技术栈里还有 Next.js——所以目标是已经配置好 Tailwind 的 React 或 Next.js 应用。
用在商业项目里免费吗?免费——它基于 MIT 许可证开源,你可以把组件用在商业应用里,不用付钱。
我可以往这个库里添加自己的组件吗?可以——README 说按项目的贡献指南操作,添加自己的组件大约只需五分钟,而且还有一个 Discord 可以提问和反馈。
粘贴之后我可以自己改组件吗,还是只能用它默认的样子?随便改——代码一旦粘贴,就和你自己的源代码一样放在你的仓库里,重新调整样式或扩展功能,就跟改自己的代码一样。
这个项目还在活跃维护吗?从种种迹象看是的:GitHub 上大约有 22,600 个 star,有代码检查和发布的 CI 工作流,仓库也没有被归档。
Size
81.7 MB
Stars
22.7K
Updated
CommitOct 11
Age
3y
Commits · 90 Days