React Bits
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计 · 编程开发 / 学习、课程与实战 · 设计素材 / 设计灵感
提供可复制的 React 动效组件、文字特效、背景和交互效果，并支持多种代码组合。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
返回全部浏览
设计素材
按二级分类连续浏览 48 项资源
UI / UX 设计
48 项
Animate UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计 · 编程开发 / 学习、课程与实战 · 设计素材 / 设计灵感
基于 React、Tailwind CSS、Motion 和 shadcn 注册表的开源动画组件集合。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Uiverse
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计 · 编程开发 / 学习、课程与实战 · 设计素材 / 设计灵感 · 社区交流 / 创作者社区
社区共建的开放 UI 元素库，可复制 HTML/CSS、Tailwind、React 代码并查看实时效果。
- 资源类型：合集
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Magic UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计 · 编程开发 / 学习、课程与实战 · 设计素材 / 设计灵感
面向设计工程师的 React 动画组件与特效库，可复制源码并通过 shadcn CLI 安装。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Aceternity UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计 · 编程开发 / 学习、课程与实战 · 设计素材 / 设计灵感
以 Tailwind CSS 和 Motion 构建的高表现力 React 组件、背景、区块与模板集合。
- 资源类型：开源项目
- 费用：部分免费
- 语言：英文
- 网络：可能受限
- 平台：网页
Motion Primitives
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计 · 编程开发 / 学习、课程与实战 · 设计素材 / 设计灵感
专注文本、过渡、布局与微交互的开源 React 动效基元和示例库。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
SmoothUI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计 · 编程开发 / 学习、课程与实战 · 设计素材 / 设计灵感
使用 React、Tailwind CSS、Motion 与 GSAP 构建的现代动画组件和区块库。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Cult UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计 · 编程开发 / 学习、课程与实战 · 设计素材 / 设计灵感
面向 shadcn/ui 项目的小众动效组件集合，通过注册表分发可完全修改的源码。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Kokonut UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计 · 编程开发 / 学习、课程与实战 · 设计素材 / 设计灵感
收录百余个现代 React 交互组件，可通过命令直接添加到项目并自由定制。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
UI Layouts
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计 · 编程开发 / 学习、课程与实战 · 设计素材 / 设计灵感
汇集可复制的前端组件、视觉效果、设计工具和现成页面区块。
- 资源类型：开源项目
- 费用：部分免费
- 语言：英文
- 网络：可能受限
- 平台：网页
Fancy Components
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计 · 编程开发 / 学习、课程与实战 · 设计素材 / 设计灵感
持续扩充的免费 React 组件与微交互库，提供现场预览和可复用源码。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Inspira UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计 · 编程开发 / 学习、课程与实战 · 设计素材 / 设计灵感
基于 Vue、Tailwind CSS 与 Motion 的开源创意组件和视觉效果集合。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Coss UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计 · 编程开发 / 学习、课程与实战 · 设计素材 / 设计灵感
建立在 Base UI 之上的现代开源组件库，并提供大量可安装的细粒度 UI particles。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
shadcn/ui
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
以开放代码和注册表分发组件的 UI 平台，支持按需复制、修改和建设自有组件体系。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Radix UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
面向 React 的无样式、可访问 UI 基元库，处理复杂交互、焦点管理与键盘行为。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Base UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
由 Radix、MUI 与 Floating UI 相关团队打造的无样式可访问 React 组件库。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Ark UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
跨 React、Vue、Svelte 与 Solid 的无样式可访问组件库，以状态机处理复杂交互。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Headless UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
Tailwind Labs 提供的无样式、完全可访问 React 与 Vue 交互组件。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Material UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
实现 Material Design 的成熟 React 组件库，并提供主题、模板和复杂数据组件生态。
- 资源类型：开源项目
- 费用：部分免费
- 语言：英文
- 网络：可能受限
- 平台：网页
Mantine
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
提供大量可访问 React 组件、Hooks、表单和扩展包的完整开源 UI 体系。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Chakra UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
以可访问性和组合式 API 为核心的 React 组件系统，支持主题令牌和现代框架。
- 资源类型：开源项目
- 费用：部分免费
- 语言：英文
- 网络：可能受限
- 平台：网页
daisyUI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
作为 Tailwind CSS 插件提供语义化组件类、丰富主题和框架无关的 UI 组件。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
HeroUI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
前身为 NextUI 的现代 React 组件库，强调默认视觉、可访问性与可定制主题。
- 资源类型：开源项目
- 费用：部分免费
- 语言：英文
- 网络：可能受限
- 平台：网页
Ant Design
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
面向企业级中后台与桌面网站的中文 React 设计体系和高质量组件库。
- 资源类型：开源项目
- 费用：开源
- 语言：中文
- 网络：国内直连
- 平台：网页
Element Plus
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
面向 Vue 3 的中文组件库，提供组件示例、主题定制、设计资源与完整类型。
- 资源类型：开源项目
- 费用：开源
- 语言：中文
- 网络：国内直连
- 平台：网页
Arco Design
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
字节跳动开源的企业级设计与开发解决方案，提供 React、Vue 组件和设计资源。
- 资源类型：开源项目
- 费用：开源
- 语言：中文
- 网络：国内直连
- 平台：网页
Semi Design
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
由抖音前端与 UED 团队维护的 React 设计系统，覆盖组件、主题、无障碍和设计资源。
- 资源类型：开源项目
- 费用：开源
- 语言：中文
- 网络：国内直连
- 平台：网页
TDesign
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
腾讯开源的企业级设计体系，为 Web、移动端和小程序提供多技术栈组件。
- 资源类型：开源项目
- 费用：开源
- 语言：中文
- 网络：国内直连
- 平台：网页
Naive UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
较完整且主题可调的 Vue 3 TypeScript 组件库，提供中文文档和丰富组件。
- 资源类型：开源项目
- 费用：开源
- 语言：中文
- 网络：国内直连
- 平台：网页
Vant
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
有赞开源的轻量移动端 Vue 组件库，覆盖八十余个组件与多种设计资源。
- 资源类型：开源项目
- 费用：开源
- 语言：中文
- 网络：国内直连
- 平台：网页
Varlet UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
国人维护的 Vue 3 Material Design 组件库，同时支持移动端、桌面端与中英文文档。
- 资源类型：开源项目
- 费用：开源
- 语言：中文
- 网络：国内直连
- 平台：网页
NutUI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
京东风格的多端组件体系，提供 Vue、React 与小程序相关移动端组件。
- 资源类型：开源项目
- 费用：开源
- 语言：中文
- 网络：国内直连
- 平台：网页
Flowbite
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
基于 Tailwind CSS 的组件、区块和多框架实现，覆盖常见应用与营销页面。
- 资源类型：开源项目
- 费用：部分免费
- 语言：英文
- 网络：可能受限
- 平台：网页
Preline UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
免费 Tailwind CSS 组件、示例和 JavaScript 插件库，适配多种现代前端框架。
- 资源类型：开源项目
- 费用：部分免费
- 语言：英文
- 网络：可能受限
- 平台：网页
HyperUI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
免费开放的 Tailwind CSS 组件集合，聚焦营销、电商和应用界面的复制即用区块。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
Park UI
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
基于 Ark UI 与 Panda CSS 的开放组件体系，提供多框架可复用的设计系统组件。
- 资源类型：开源项目
- 费用：开源
- 语言：英文
- 网络：可能受限
- 平台：网页
PrimeVue
编程开发 / Web 与应用开发 · 编程开发 / 编程语言、基础与文档 · 编程开发 / 开源项目与代码资源 · 设计素材 / UI / UX 设计
功能完整的 Vue UI 套件，覆盖数据表格、表单、主题、无样式模式和丰富示例。
- 资源类型：开源项目
- 费用：部分免费
- 语言：英文
- 网络：可能受限
- 平台：网页
doyoudo
学习教育 / 职业技能 · 设计素材 / UI / UX 设计 · 影视视频 / 剪辑与录制
聚焦设计、视频、音频和办公软件的中文实操视频教程平台。
- 资源类型：课程
- 费用：部分免费
- 语言：中文
- 网络：国内直连
- 平台：网页
即时设计
设计素材 / UI / UX 设计
协作式在线 UI 设计工具，社区提供组件库、模板和插件资源。
- 资源类型：在线服务
- 费用：部分免费
- 语言：中文
- 网络：国内直连
- 平台：网页
MasterGo
设计素材 / UI / UX 设计
面向产品团队的在线界面设计与协作平台，内置资源广场。
- 资源类型：在线服务
- 费用：部分免费
- 语言：中文
- 网络：国内直连
- 平台：网页
Pixso
设计素材 / UI / UX 设计
支持原型、界面设计、交付与白板协作的在线设计平台。
- 资源类型：在线服务
- 费用：部分免费
- 语言：中文
- 网络：国内直连
- 平台：网页
Figma Community
设计素材 / UI / UX 设计 · 社区交流 / 创作者社区 · 社区交流 / 行业社区
Figma 官方社区，汇集界面模板、组件库、插件与设计系统。
- 资源类型：社区
- 费用：部分免费
- 语言：多语言
- 网络：可能受限
- 平台：网页
Mobbin
设计素材 / UI / UX 设计
按产品、页面与交互流程检索真实应用界面案例的设计参考库。
- 资源类型：合集
- 费用：部分免费
- 语言：英文
- 网络：可能受限
- 平台：网页
UI Sources
设计素材 / UI / UX 设计
聚焦移动应用交互细节的视频化界面参考库。
- 资源类型：合集
- 费用：部分免费
- 语言：英文
- 网络：可能受限
- 平台：网页
Refero
设计素材 / UI / UX 设计
按产品与页面类型整理真实网站和应用界面的设计参考库。
- 资源类型：合集
- 费用：部分免费
- 语言：英文
- 网络：可能受限
- 平台：网页
SaaSFrame
设计素材 / UI / UX 设计
专门收集 SaaS 网站、产品界面、邮件与完整流程的设计资料库。
- 资源类型：合集
- 费用：部分免费
- 语言：英文
- 网络：可能受限
- 平台：网页
Page Flows
设计素材 / UI / UX 设计
以录屏和截图展示真实产品用户流程的 UI/UX 参考库。
- 资源类型：合集
- 费用：部分免费
- 语言：英文
- 网络：可能受限
- 平台：网页
Tiny Helpers
资源搜索 / 资源导航 · 编程开发 / Web 与应用开发 · 编程开发 / 开发工具、测试与协作 · 设计素材 / UI / UX 设计
收录面向网页开发者的单一用途在线小工具。
- 资源类型：合集
- 费用：免费
- 语言：英文
- 网络：可能受限
- 平台：网页