● 在线
Hero UI

用于构建可访问和可定制网页应用的美丽、快速和现代的 React UI 库。

产品介绍

HeroUI 的核心是提供大量预构建的 UI 块(UI Blocks)和组件,这些都完全基于 Tailwind CSS 编写。它们涵盖了网站和应用程序常见的各种元素,如英雄区、导航栏、特征区、内容布局、表单、定价表、博客文章卡片、页脚等。

适用人群

适合构建可扩展、一致数字产品的团队。

核心功能

  • 完整的组件库
  • 设计 Token
  • 包含文档
  • 主题自定义

优点

  • +即用型模板
  • +全面的设计系统
  • +简化工作流程

缺点

  • -采用需要团队协调
  • -自定义可能较复杂

/// 规格参数

  • 价格:
    Free
ASSETS_DIRECTORY
/// 相似工具
Vuetify

Vuetify

Vuetify 是一个为 Vue.js 生态系统设计的全面 UI 框架。它不仅仅是一个组件库,更是一个集成了设计系统、工具和资源,帮助开发者构建完整的应用程序的解决方案。

shadcn/ui

shadcn/ui

shadcn/ui 是一个独特的、可组合的 React UI 组件集合,提供可复制粘贴的代码,高度可定制,并与 Tailwind CSS 无缝集成。

Tailwind UI Blocks

Tailwind UI Blocks

Tailwind UI Blocks 提供基于 Tailwind CSS 的预构建 UI 组件和布局,加速您的网页开发,实现美观响应式设计。

Nuxt UI

Nuxt UI

Nuxt UI 是一个为 Nuxt 3 应用程序设计的开源 UI 组件库,提供美观、可定制且无障碍的 Vue 组件。

MUI

MUI

MUI 是一个专门为 React 应用程序设计的 UI 组件库。它提供了大量现成的 React 组件,用于构建用户界面,遵循 React 的声明式编程范式。

Animate UI

Animate UI

Animate UI 是一个免费开源 React 组件库,使用 Tailwind 和 Framer Motion 动画,受 shadcn/ui 启发,轻松提升 Web 界面。

Flowbite Design System

Flowbite Design System

基于 Tailwind CSS 的开源组件库,带 Figma 套件快速构建 UI。

Ant Design

Ant Design

Ant Design 是一个企业级 UI 设计语言和 React 组件库,提供高质量的 UI 解决方案,助力构建优雅、高效的企业级产品。

Chakra UI

Chakra UI

Chakra UI 是一个简单、模块化且可访问的 React UI 组件库,专注于提升开发者体验,提供高度可定制的构建块。

Naive UI

Naive UI

Naive UI 是一个尤雨溪推荐的 Vue 3 组件库,提供美观、高性能且高度可定制的组件,全用 TypeScript 编写。

Element Plus

Element Plus

Element Plus 是一个为 Vue 3 设计的桌面端 UI 组件库,提供丰富、优雅的企业级组件,助力高效构建管理系统。