美丽的 Vue 动画组件。使用 Tailwind CSS 和 motion-v 构建。超过 180 个可复制粘贴组件，nxui 是一个精美设计的动画 Vue 组件集合，您可以将其复制并粘贴到您的应用程序中。使用 Tailwind CSS 和 motion-v 构建。 特点： - 动画组件 — 文本动画、背景、视觉效果、英雄背景、按钮、动画等 - Vue 3 组合 API — 使用 <script setup> 和 TypeScript 构建 - Tailwind CSS v4 — 使用工具类样式，完全可定制 - motion-v — 由 Framer Motion 的 Vue 版本驱动的流畅动画 - VueUse — 在整个应用中利用 VueUse 组合 - 暗模式 — 每个组件开箱即用地支持暗模式 - 复制与粘贴 — 可通过 CLI 安装或直接复制源代码 安装： 使用 shadcn-vue CLI 安装组件： `npx shadcn-vue@latest add "https://nxui.geoql.in/r/hyper-text.json"` 或者浏览组件文档并直接复制源代码。 技术栈： - 库： - Vue 3 — UI 框架 - Nuxt 4 — SSR/SSG 框架 - Tailwind CSS v4 — 工具优先的样式 - motion-v — 动画库（Framer Motion 的 Vue 版本） - VueUse — 组合实用工具 - reka-ui — 无头 UI 原语 常见问题： - nxui 是免费的吗？ 是的。nxui 是开源的，并在 MIT 许可证下永远免费。您可以在个人和商业项目中免费使用每个组件。 - 我如何安装 nxui 组件？ 使用组件 URL 运行 shadcn-vue CLI，例如 `npx shadcn-vue@latest add "https://nxui.geoql.in/r/hyper-text.json"`。源代码将被复制到您的项目中 - 您拥有代码，无需对 nxui 的运行时依赖。 - nxui 是用什么构建的？ nxui 是用 Vue 3（组合 API 和 `<script setup>`）、Nuxt 4、Tailwind CSS v4 和 motion-v（Framer Motion 的 Vue 版本）构建的。它提供 180 多个动画、可复制粘贴的组件。 - nxui 与 Nuxt 一起工作吗？ 是的。nxui 组件是标准的 Vue 3 单文件组件，并在任何 Vue 3 或 Nuxt 4 项目中工作。每个组件开箱即用地支持暗模式。 - 我可以复制源代码而不是使用 CLI 吗？ 是的。每个组件在文档网站上都有实时演示和完整源代码，因此您可以直接复制并粘贴代码，而无需使用 CLI。