Hover.dev

Hover.dev 是一个面向 React 和 TailwindCSS 的动画 UI 组件与模板库，提供可直接复制粘贴的预构建交互组件，覆盖导航、按钮、轮播、FAQ、特性展示等常见模块，所有动画基于 Framer Motion 或原生 JavaScript 实现。

组件覆盖范围与分类

官网列出超过 20 类组件，包括 Accordions、Buttons、Calendars、Cards、Carousels、Countdown、Dropdown Menus、Grids、Inputs、Links、Loaders、Modals、Navbars、Notifications、Progress、Tabs、Tables、Text、Toggles 等。此外还提供整页模板，如 FAQ、Forms、Hero、Pricing、Sign In、Stats、Testimonials 以及 3D 和 Kanban Boards 等高级板块。

• 组件分类：基础UI（按钮、输入框、表格）与交互模块（下拉菜单、模态框、轮播）均含动画效果
• 模板类型：FAQ、表单、定价页、登录页、统计面板、推荐墙、3D板块、看板等
• 特色组件：Wet Paint Button（湿漆按钮）、Encrypt Button（加密按钮）等趣味交互组件

技术栈与使用方式

所有组件基于 React 和 Tailwind CSS 构建，动画主要使用 Framer Motion，部分组件使用原生 JavaScript 或 keyframes 动画。用户点击组件上的“CODE”开关即可查看源码，支持 JavaScript/Tailwind/Motion 和 TypeScript/Tailwind/Motion 两种格式，复制后可直接粘贴到项目中。

• 复制方式：点击组件右上角 CODE 按钮，2 次点击即可获取源码
• 代码格式：提供 jsx 和 tsx 两种版本，均含 Tailwind 类名与动画逻辑
• 依赖要求：需确保项目已安装 React、Tailwind CSS 及对应动画库（如 Framer Motion）

定价与授权

基础组件免费使用；解锁全部组件和模板需购买 Hover Pro，一次性支付 $149（含本地税费），终身有效，无订阅。购买后可使用所有现有及未来新增组件，无使用次数限制，支持个人项目、商业项目、学习用途及开源项目，但禁止将组件重新打包为竞争性产品（如组件库、主题构建器、模板）。

• 免费范围：基础组件可免费查看源码和使用，但部分高级组件（如 3D 板块、Kanban Boards）需 Pro 解锁
• Pro 价格：$149 一次性付款，无月费或年费
• 授权限制：允许个人/商业/开源项目，禁止重新打包出售或用于构建竞争性组件库
• 退款政策：购买后 30 天内可联系 help@hover.dev 申请全额退款

更新与支持

新组件定期添加，Pro 用户可优先提交组件建议。官方不提供组件使用方面的技术支持，仅处理账户和授权问题。组件版权归 Hover.dev 所有，未经书面许可不得重新分发。

• 建议渠道：任何用户均可通过组件页面上的图标提交新组件建议，Pro 建议会被优先处理
• 技术支持：不提供代码使用指导，仅处理账户/授权问题（邮箱 help@hover.dev）
• 版权声明：组件受版权保护，未经 Hover.dev 书面同意不得重新分发

常见问题

Q1：Hover.dev 的组件需要哪些依赖？

A1：所有组件依赖 React 和 Tailwind CSS。动画部分主要使用 Framer Motion，部分组件使用原生 JavaScript 或 keyframes 动画。官方建议使用最新版本，并注意 CSS 上下文（如 overflow 属性会影响 sticky 定位）。

Q2：Hover Pro 的 $149 是一次性费用吗？包含哪些权益？

A2：是的，$149 一次性支付，终身有效，无订阅。包含所有现有及未来组件和模板的无限次使用，以及优先提交新组件建议的权限。不包含未来可能推出的独立产品（如课程、额外模板）。

Q3：购买后可以用于客户项目吗？

A3：可以用于客户项目，但禁止将模板重新打包后销售给多个客户。个人项目、商业项目、学习用途和开源项目均允许，禁止的是将组件重新打包为竞争性服务（如组件库、主题构建器）。

更多同类工具与网站,可在落地页组件分类继续挑选。

信息核实于 2026年7月,具体以官网为准。