腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

综合排序丨最热优先丨最新优先

前端开发有福了，这个 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

2025-02-12

1.3K0

标签:

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的几大核心功能包括：主题与主题编辑器：通过图形界面轻松创建自定义主题，生成的代码片段可一键复制粘贴至程序中。

腾讯新闻前端团队

2024-02-21

3.2K0

标签:

基于 Shadcn-ui 的 AI 应用组件库 AI Elements

基于 Shadcn-ui 的 AI 应用组件库 AI Elements

2026-02-28

2.1K1

标签:

开源 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

2024-01-04

1.1K0

标签:

Vite + Tailwind + shadcn-ui：2026 年最舒服的中后台前端开发组合

在过去的几年里，我维护过不少基于 Ant Design 或 Element Plus 的中后台项目。它们确实很全，但每当 UI 设计师给出一个稍微“个性化”一点的需求（比如圆角稍微不同、主色调渐变、或者想要一个完全定制的 Select 下拉框），我往往要花费大量时间去覆盖默认样式，甚至被迫写出 !important 这种代码。

2026-01-23

2.4K0

标签:

腾讯技术创作特训营S17

摆脱繁杂工作：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

2023-10-08

1.6K0

标签:

支持编写任何类型的爬虫：基于 Golang 的优雅爬虫框架 | 开源日报 No.216

shadcn-ui/taxonomyhttps://github.com/shadcn-ui/taxonomy Stars: 17.1k License: MIT taxonomy 是使用 Next.js

2024-03-18

5440

标签:

2025 年开源项目大赏：探索引领技术潮流的热门开源宝藏

2. shadcn-ui shadcn-ui是一个基于React构建的UI组件库，利用TailwindCSS实现样式自定义。它建立在Radix之上，提供无头组件，解决可访问性和键盘交互问题。与MUI、ChakraUI等库不同，shadcn-ui并非传统的NPM包，用户可以通过终端命令轻松集成组件，并直接复制源代码进行修改。其丰富的组件库和强大的自定义能力，满足了多样化的开发需求。

2025-09-04

1.6K0

标签:

如何在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

2025-02-28

6.3K0

标签:

使用 Radix UI 和 Tailwind CSS 构建的精美组件

/src"), }, },}) 复制运行 CLI 运行 init 命令以设置项目：shadcn-ui npx shadcn-ui@latest init 复制配置 components.json

老鱼的日常

2023-11-01

4.2K0

标签: