Headless UI 为 React 和 Vue 提供完全无样式且完全可访问的 UI 组件,旨在与 Tailwind CSS 集成。包含 @headlessui/react、@headlessui/vue 和 @headlessui/tailwindcss 等包。完整文档见 headlessui.com。
好开源,值得被发现。
发现优质开源项目,匿名提交开源项目,认领编辑你的开源项目。
带着好奇心,发现开源世界。
THE FIRST COLLECTIONMagic UI 是一个开源 UI 库,为设计工程师提供可直接复制并粘贴到应用程序中的动画组件和视觉效果。
Tailgrids 是一个基于 Tailwind CSS 的开源 React UI 组件库,提供 100 多个生产就绪的可复制组件、UI 区块和模板,支持 TypeScript、无障碍访问、暗黑模式并配备 CLI 安装程序。
TW Elements 是一个基于 MIT 许可的 Tailwind CSS 组件库,提供 500 多个交互式 UI 组件和 117 个以上的设计区块,支持暗黑模式和主题定制,适用于个人及商业项目且安装便捷。
Lightswind UI 是一个以英文文档编写的 React 组件库,通过 CLI 以源码形式分发。它提供 160 多个支持动画且无障碍的组件,并为 AI 编程工具提供 MCP 服务器。核心组件采用 MIT 许可,同时提供可选的 Pro 内容。
Cult UI 是一个采用 MIT 许可的开源组件库,提供基于 Tailwind CSS 且兼容 shadcn 的可访问、可定制组件。它主打复制粘贴集成,并集成了 AI Agent 模式、高级区块和启动模板。
Nuxt UI 是一个基于 Reka UI、Tailwind CSS 和 Tailwind Variants 构建的 Vue 和 Nuxt 组件库,提供可访问且可主题化的界面组件,并包含 Starter、Landing、SaaS 等多种官方模板,采用 MIT 许可证。
Flowbite 是一个基于 Tailwind CSS 的开源 UI 组件库,提供由数据属性驱动的模态框、下拉菜单和日期选择器等交互组件,支持 vanilla JS API、TypeScript 类型、RTL 布局,并为 React、Vue、Svelte 和 Angular 提供绑定。
Tremor提供35多种可定制、无障碍的React组件,用于构建图表和仪表盘。基于Tailwind CSS和Radix UI构建,组件设计为即拷即用,并附有安装文档,采用Apache 2.0许可证。
RetroUI 是一个复古风格的 Tailwind CSS 组件库,基于 React 和 TailwindCSS 构建,提供 NeoBrutalism 风格的用户界面元素。
Oruga是一个轻量级Vue.js 3 UI组件库,不依赖任何CSS框架。它提供可定制组件、树形摇动优化、官方主题以及类映射配置,支持集成Tailwind、Bulma、Bootstrap或自定义样式。
Welcome UI 是 Welcome to the Jungle (@wttj) 开源的可定制设计系统,基于 React、TypeScript、Tailwind CSS 和 Ariakit 构建,提供核心组件以打造一致的用户界面,详细说明见库文档。
Sketchbook UI 是一个手绘风格的 React 组件库,采用素描笔记本美学,包含 20 个 TypeScript 组件、手绘 SVG 边框、纸张纹理和树摇支持,gzipped 体积小于 70 kB。
shadcn-svelte 是 shadcn/ui 的社区主导 Svelte 移植版,提供可访问、可定制的 UI 组件,可复制粘贴到 Svelte 应用中,以构建自定义组件库。
shadcn/ui 是一个开源的可定制且无障碍的 UI 组件集合,通过代码分发平台提供。它旨在作为构建自定义组件库的起点,并兼容多种主流框架。
daisyUI 是一个免费且开源的 Tailwind CSS 组件库。它提供预先设计且可定制的 UI 组件,可直接在 HTML 中使用。该项目非常受欢迎,并拥有详尽的文档、组件库以及社区支持。
React Bits 是一个开源的 React 组件库,包含 165+ 个动画交互组件,用于构建视觉惊艳的网站,涵盖文字动画、背景、UI 元素及免费创意工具。
Tremor NPM 提供 20 多个基于 Tailwind CSS 的开源 React 组件,用于构建图表和仪表板,包括面积图、卡片和指标元素,并支持亮色和暗色主题样式。
Appica UI 是一个采用 MIT 许可的单体仓库,提供可主题化的现代 Web 应用 UI 组件。目前已发布 @appica/ui-react,包含 70 多个具备无障碍访问能力、精致交互、深色模式及完整主题支持的组件,并配有相应的 Figma 设计文件。
Marigold 是 Marigold Design System 的 React 实现,基于 react-aria 和 Tailwind CSS 构建。该 monorepo 包含组件和主题包、Storybook 工作区、Next.js 文档站点、Vitest 测试以及通过 Changesets 驱动的 CI 发布流程。