这是什么?
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 工作流,仓库也没有被归档。
What are similar projects?
cult-ui, rare-ui, arc-library, canvas-ui, Monocharts, open-claude-ui, boardui, chakra-ui
Which topics is it in?
framer-motion, snippets, mdx, react-components, shadcn-ui, components, ui-library, tailwindcss, component-library, design, nextjs, ui-components