● 在线
Flowbite Design System

Flowbite Design System

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

产品介绍

Flowbite 是一个受欢迎的开源 UI 组件库,基于 Tailwind CSS,提供即用交互元素如按钮、模态框、下拉菜单、导航栏、表单、表格和暗黑模式,支持快速 Web 开发。它包含全面 Figma 设计系统套件用于原型制作,适合设计师和开发者创建现代响应式应用。拥有超过 400 个组件,Flowbite Pro 提供高级功能,核心保持免费和社区驱动。 Tailwind 组件:400+ 实用优先元素,带 JavaScript 插件用于交互(如下拉、轮播)。 Figma 套件:官方社区文件,支持设计到代码工作流。 暗黑模式与可访问性:内置支持,符合 ARIA。 Pro 版:高级块、模板和 Figma Pro 套件。

适用人群

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

核心功能

  • Tailwind 组件:400+ 实用优先元素,带 JavaScript 插件用于交互(如下拉、轮播)。
  • Figma 套件:官方社区文件,支持设计到代码工作流。
  • 暗黑模式与可访问性:内置支持,符合 ARIA。
  • Pro 版:高级块、模板和 Figma Pro 套件。

优点

  • +免费使用
  • +开源
  • +即用型模板
  • +全面的设计系统

缺点

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

/// 规格参数

  • 价格:
    Free
  • 平台:
    Browser
ASSETS_DIRECTORY
/// 相似工具
Hero UI

Hero UI

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

Vuetify

Vuetify

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

shadcn/ui

shadcn/ui

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

Carbon Design System

Carbon Design System

IBM 开源 UI 框架,用于一致、可访问的企业产品。

Cloudscape Design System

Cloudscape Design System

AWS 开源 UI 框架,用于一致、可访问的企业云应用。

Elastic UI

Elastic UI

开源 React 框架,用于一致、可访问的企业界面。

Evergreen

Evergreen

Segment 开源 React UI 框架,用于一致、可访问的企业应用。

SAP Design System

SAP Design System

开源框架,用于 SAP 产品一致、可访问的企业 UI。

Forma 36 Design System

Forma 36 Design System

Contentful 开源设计系统,用于一致、可访问的内容管理界面。

Friday Design System

Friday Design System

开源 Figma UI 套件,支持快速原型和自定义组件。

GOV.UK Design System

GOV.UK Design System

英国政府官方框架,用于公共服务一致、可访问界面。

Fluent UI

Fluent UI

微软开源 UI 框架,用于 Web、Windows、iOS、Android 和 macOS 一致可访问体验。

Naive UI

Naive UI

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

Element Plus

Element Plus

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

Goldman Sachs Design System

Goldman Sachs Design System

内部框架,用于金融企业界面一致可访问设计。