- 综合排序
- 最热优先
- 最新优先
- 来自专栏开源小分队
前端开发有福了，这个 78K+ star UI 库项目超精美大气！
今天我就给大伙分享一个超厉害的开源项目 - shadcn-ui，有了它，这些烦恼都能轻松解决！ 项目简介 shadcn-ui 是一个基于现代前端技术栈的开源 UI 组件库，主要依托 Tailwind CSS 构建，还融合了 Radix UI。 开箱即用:shadcn-ui 提供了丰富的预设组件，比如按钮、表单、导航栏等，直接拿来就能用，省去了从头造轮子的时间。 跨平台支持:无论是 React、Vue 还是其他主流框架，shadcn-ui 都能无缝集成。 Github地址：https://github.com/shadcn-ui/ui
97610编辑于 2025-02-12 - 来自专栏腾讯新闻前端团队
15个值得收藏的开源项目推荐
4. shadcn-ui Site: https://github.com/shadcn-ui/ui shadcn-ui，基于React构建的UI组件库，利用TailwindCSS实现样式自定义。 与MUI、ChakraUI等库不同，shadcn-ui并非传统的NPM包。通过终端命令，您可轻松集成shadcn-ui组件，安装依赖并直接复制源代码进行修改。 shadcn-ui的几大核心功能包括： 主题与主题编辑器：通过图形界面轻松创建自定义主题，生成的代码片段可一键复制粘贴至程序中。
2.9K10编辑于 2024-02-21 - 来自专栏沉浸式AI
基于 Shadcn-ui 的 AI 应用组件库 AI Elements
基于 Shadcn-ui 的 AI 应用组件库 AI Elements
1.1K10编辑于 2026-02-28 - 来自专栏开源服务指南
开源 UI 组件库和开发工具库概览 | 开源专题 No.59
shadcn-ui/ui[5] Stars: 27.1k License: MIT shadcn/ui 是一个使用 Radix UI 和 Tailwind CSS 构建的精美设计组件库。 vuetify: https://github.com/vuetifyjs/vuetify [4] penpot/penpot: https://github.com/penpot/penpot [5] shadcn-ui /ui: https://github.com/shadcn-ui/ui [6] tonsky/FiraCode: https://github.com/tonsky/FiraCode
86510编辑于 2024-01-04 - 来自专栏喵喵侠的社区活动征文
Vite + Tailwind + shadcn-ui：2026 年最舒服的中后台前端开发组合
在过去的几年里，我维护过不少基于 Ant Design 或 Element Plus 的中后台项目。它们确实很全，但每当 UI 设计师给出一个稍微“个性化”一点的需求（比如圆角稍微不同、主色调渐变、或者想要一个完全定制的 Select 下拉框），我往往要花费大量时间去覆盖默认样式，甚至被迫写出 !important 这种代码。
1.1K10编辑于 2026-01-23 - 来自专栏开源服务指南
摆脱繁杂工作：Appwrite 带你高效开发 | 开源日报 No.50
简化了从头开始构建现代化后端 API 所需的复杂性 提供用户身份验证和多种登录方法集成 支持数据库管理以及存储文件管理功能 可进行图像处理操作 支持云函数等其他服务 shadcn-ui/ui[6] Stars /github.com/PowerShell/PowerShell [5] appwrite/appwrite: https://github.com/appwrite/appwrite [6] shadcn-ui /ui: https://github.com/shadcn-ui/ui
1.4K10编辑于 2023-10-08 - 来自专栏开源服务指南
支持编写任何类型的爬虫：基于 Golang 的优雅爬虫框架 | 开源日报 No.216
shadcn-ui/taxonomyhttps://github.com/shadcn-ui/taxonomy Stars: 17.1k License: MIT taxonomy 是使用 Next.js
41010编辑于 2024-03-18 2025 年开源项目大赏：探索引领技术潮流的热门开源宝藏
2. shadcn-ui shadcn-ui是一个基于React构建的UI组件库，利用TailwindCSS实现样式自定义。它建立在Radix之上，提供无头组件，解决可访问性和键盘交互问题。 与MUI、ChakraUI等库不同，shadcn-ui并非传统的NPM包，用户可以通过终端命令轻松集成组件，并直接复制源代码进行修改。其丰富的组件库和强大的自定义能力，满足了多样化的开发需求。
1.2K10编辑于 2025-09-04如何在React.js中使用Shadcn/UI
在src/App.js文件中，导入并使用一个像按钮这样的组件：import React from 'react';import { Button } from 'shadcn-ui';function 更新src/App.js文件如下：import React from 'react';import { Button, ThemeProvider } from 'shadcn-ui';import theme
4.5K11编辑于 2025-02-28- 来自专栏程序员老鱼呀
使用 Radix UI 和 Tailwind CSS 构建的精美组件
/src"), }, },}) 复制 运行 CLI 运行 init 命令以设置项目：shadcn-ui npx shadcn-ui@latest init 复制 配置 components.json
3.8K21编辑于 2023-11-01 82.7K star！大气炫酷UI开源项目，超级火！
Tailwind CSS 的组件扩展插件生态Mantine：面向企业应用的 React 组件解决方案Headless UI：无样式基础组件库，适合深度定制项目地址https://github.com/shadcn-ui
97500编辑于 2025-03-15- 来自专栏前端实验室
23年最火的前端组件库项目，竟然是它！
/src/*"] } 执行 shadcn-ui CLI 指令来初始化 Shadcn ui npx shadcn-ui@latest init 安装button 组件,会将 button 组件文件添加到你的
3.3K20编辑于 2024-01-10 - 来自专栏HelloGitHub
去年最火的 JS 开源项目「GitHub 热点速览」
GitHub 地址→https://github.com/shadcn-ui/ui 2.
78210编辑于 2024-01-11 - 来自专栏掘金安东尼
2024 年值得关注的 JavaScript 最前沿趋势，走起！
shadcn-ui 是用 React 编写的 UI 组件的集合，允许通过 TailwindCSS 进行自定义样式； 它最大的特点就是不用 npm 下载，而可以通过点点点，直接生成代码， copy 一下直接就用
1.1K10编辑于 2024-02-24 - 来自专栏网络日志
nextjs从零到一开发博客（万字长文）配合strapi
框架选择 SEO友好的前端框架-NextJS CMS管理后台-Strapi(Open source Node.js Headless CMS) 最近很火的UI集合-shadcn-ui 家喻户晓的CSS框架
1.2K10编辑于 2024-06-20
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号