基于 Tailwind CSS 的开源组件库，通过类名提供现成的 UI 组件。
4.3万+13 本周1714JavaScriptMIT更新于 8天前
- Star
- 12,266
- Fork
- 519
- 未关闭 Issue
- 1
- 最近提交
- 4天前
这是什么？
HyperUI 是一个基于 Tailwind CSS 的现成组件库，涵盖营销页面、Web 应用和电商前端等常见场景。使用方式很简单：在 hyperui.dev 上浏览组件，复制代码，粘贴到自己的 Tailwind CSS 项目中，无需安装任何包。
项目本身是一个 Astro 站点，用于展示组件目录和博客。开发者可以用 pnpm 在本地运行，并以监听模式构建组件样式。贡献代码前需要先提交 issue，并参考贡献指南。
组件就是普通的 HTML 加 Tailwind 工具类，因此可以直接按自己的设计和框架进行修改。项目采用 MIT 许可证。
核心功能
- 01组件由普通 HTML 和 Tailwind CSS 工具类构成。
- 02无需安装依赖包，直接复制代码到项目中。
- 03覆盖营销站点、Web 应用和电商等页面布局。
- 04在 hyperui.dev 上提供可浏览的组件目录和配套博客。
- 05基于 Astro 和 pnpm 进行本地开发。
适用场景
- 在 Tailwind 项目中快速添加首页横幅、价格表或功能介绍等区块。
- 无需从零设计每个组件，即可搭建后台或仪表盘界面的部分模块。
- 用 Tailwind 类快速原型化电商商品列表或结账区域。
快速上手
- 1
在 hyperui.dev 浏览组件并复制标记代码
- 2
将复制的代码粘贴到你的 Tailwind CSS 项目中；无需安装任何包
使用前须知
- 这些组件是复制粘贴的标记代码，需要你自行维护，不会自动更新。
收录于专题
标签
常见问题
- hyperui 是什么？
- 一套免费开源的 Tailwind CSS UI 组件，复制粘贴即可用于自己的项目，无需安装依赖包。 HyperUI 是一个基于 Tailwind CSS 的现成组件库，涵盖营销页面、Web 应用和电商前端等常见场景。使用方式很简单：在 hyperui.dev 上浏览组件，复制代码，粘贴到自己的 Tailwind CSS 项目中，无需安装任何包。
- hyperui 可以免费使用吗？用的什么许可证？
- hyperui 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- hyperui 还在维护吗？
- 活跃维护中。hyperui 最近一次提交是在 2026年10月21日。
- hyperui 适合用来做什么？
- 在 Tailwind 项目中快速添加首页横幅、价格表或功能介绍等区块。 无需从零设计每个组件，即可搭建后台或仪表盘界面的部分模块。 用 Tailwind 类快速原型化电商商品列表或结账区域。
- hyperui 怎么安装和运行？
- 在 hyperui.dev 浏览组件并复制标记代码 将复制的代码粘贴到你的 Tailwind CSS 项目中；无需安装任何包
- 在哪里获取 hyperui？
- 源代码和安装说明在 GitHub 上：https://github.com/markmead/hyperui
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
基于 React Aria 与 Tailwind CSS v4 构建的 React UI 组件库，前身为 NextUI。
3.1万+22 本周2239TypeScriptApache-2.0更新于 23小时前
无样式的 React 无障碍 UI 组件库，用于构建自定义设计系统。
1.1万+17 本周589TypeScriptMIT更新于 23小时前
shadcn/ui 的 Svelte 社区移植版，提供可访问、可定制、可直接复制到项目中的组件。
9206578TypeScriptMIT更新于 18小时前
为 Django 项目集成 Tailwind CSS 的应用，支持无需 Node.js 的独立二进制模式。
1757106PythonMIT更新于 10天前
命令行工具，用无头浏览器读取任意网站的设计系统，输出 DTCG 令牌、Tailwind 配置、Figma 变量等文件。
4361+44 本周365HTMLMIT更新于 前天