用途：HyperUI 提供免费开源的 Tailwind CSS HTML 组件，共 481 个，均为纯 HTML，无需 JavaScript 框架，适合快速搭建应用界面与营销页面。
主要能力：组件分三类——应用界面（application/，含 accordions、badges、buttons、dropdown、modals、tables、tabs、tooltips 等）、营销页面（marketing/，含 banners、cards、ctas、faqs、footers、headers、pricing、testimonials 等）以及新粗野主义风格（neobrutalism/）。多数组件提供深色变体，如 1.html 与 1-dark.html。
使用方式：通过 frontend-components MCP 服务器操作。用 list_frameworks 查看分类与数量；用 list_components(framework: "hyperui", category: "application") 浏览；用 search_components(query: "badge", framework: "hyperui") 搜索；用 get_component(framework: "hyperui", category: "application", component_type: "badges", variant: "1") 或 get_component_by_path(path: "hyperui/application/badges/1.html") 获取代码。
适配与集成：获取后需去掉预览用的外层 wrapper 类，替换占位内容，调整颜色与尺寸，并按需添加 JavaScript 交互。可包装为 React、Vue 组件，或配合 Alpine.js 实现交互。表单类组件（inputs、selects、checkboxes、radio-groups、textareas、switches、toggles、file-uploaders）需要 @tailwindcss/forms 插件，安装命令为 npm install @tailwindcss/forms。
限制：组件为静态 HTML，不含交互逻辑；深色变体需自行合并或依赖父元素 class="dark"；具体组件数量、变体细节与许可条款以官方资料为准，本资料未提供价格与授权信息。