UI 组件库

Shadcn Studio

基于 shadcn/ui 的组件、页面区块和模板，可复制代码或通过 CLI 使用。

进入原站读取本页 JSON

已核对公开组件与区块数据 · 2026-10-14。检查全部 135 个已发布组件/区块栏目；从发布的 registry 对象提取命名区块及正式预览路径，付费源码不采集。

资源与访问条件

免费组件与页面区块
Web · 组件代码、页面模板与区块 · React / Next.js · 有免费资源
- live · 2026-10-18：官网明确列出 free tier、免费组件与区块。
Pro 组件、区块与模板
Web · 组件代码、页面模板与区块 · React / Next.js · 有付费资源
- live · 2026-10-18：官网将 Pro 资源列在订阅中；免费和 Pro 资源分别记录。
订阅 Figma 设计套件
Web · Figma 文件 · 不限定实现框架 · 有付费资源
- live · 2026-10-18：官网将 Figma kit 列入订阅资源；不推断免费 tier 含完整 Figma 套件。

“有免费资源”仅描述对应资源范围，不代表每条案例、模板或素材免费。代码、提示词与素材的实际获取权限及许可需到原站核对。

目录入口

共 1,017 条记录，本页显示 241–320 条。每页最多 80 条；直接点击名称进入已保存的真实网址。

条目类型、来源日期与链接性质分别标注。只有明确核验过的画面才显示布局或风格标签；没有标签表示当前没有相应确认信息。

FAQ 1
页面区块预览 · 具体条目入口 · React
相关词：手风琴、折叠面板、常见问题
发布者公开目录数据2026-10-14
FAQ 2
页面区块预览 · 具体条目入口 · React
相关词：头像、网格、常见问题、图标
发布者公开目录数据2026-10-14
FAQ 3
页面区块预览 · 具体条目入口 · React
相关词：卡片、网格、常见问题、悬停、鼠标悬停、图标
发布者公开目录数据2026-10-14
FAQ 4
页面区块预览 · 具体条目入口 · React
相关词：手风琴、折叠面板、标签页、选项卡、导航、常见问题
发布者公开目录数据2026-10-14
FAQ 5
页面区块预览 · 具体条目入口 · React
相关词：卡片、网格、常见问题、悬停、鼠标悬停
发布者公开目录数据2026-10-14
FAQ 6
页面区块预览 · 具体条目入口 · React
相关词：输入框、徽章、状态标签、卡片、网格、常见问题、搜索、图标
发布者公开目录数据2026-10-14
FAQ 7
页面区块预览 · 具体条目入口 · React
相关词：手风琴、折叠面板、常见问题
发布者公开目录数据2026-10-14
FAQ 8
页面区块预览 · 具体条目入口 · React
相关词：手风琴、折叠面板、标签页、选项卡、导航、常见问题、图标
发布者公开目录数据2026-10-14
FAQ 9
页面区块预览 · 具体条目入口 · React
相关词：手风琴、折叠面板、卡片、常见问题、图标
发布者公开目录数据2026-10-14
FAQ 10
页面区块预览 · 具体条目入口 · React
相关词：网格、常见问题、图标
发布者公开目录数据2026-10-14
FAQ 11
页面区块预览 · 具体条目入口 · React
相关词：常见问题、文字、文本、图片
发布者公开目录数据2026-10-14
FAQ 12
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、导航、常见问题、渐变、背景、动画、动效
发布者公开目录数据2026-10-14
FAQ 13
页面区块预览 · 具体条目入口 · React
相关词：手风琴、折叠面板、标签页、选项卡、导航、常见问题、渐变、滚动、图标
发布者公开目录数据2026-10-14
FAQ 14
页面区块预览 · 具体条目入口 · React
相关词：徽章、状态标签、卡片、网格、常见问题、悬停、鼠标悬停、图片
发布者公开目录数据2026-10-14
FAQ 15
页面区块预览 · 具体条目入口 · React
相关词：手风琴、折叠面板、徽章、状态标签、列表、常见问题、背景、图片
发布者公开目录数据2026-10-14
FAQ 16
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、导航、卡片、常见问题、图标
发布者公开目录数据2026-10-14
FAQ 17
页面区块预览 · 具体条目入口 · React
相关词：按钮、徽章、状态标签、卡片、常见问题
发布者公开目录数据2026-10-14
FAQ 18
页面区块预览 · 具体条目入口 · React
相关词：手风琴、折叠面板、按钮、卡片、常见问题、渐变、三维、3D、AI、人工智能
发布者公开目录数据2026-10-14
FAQ 19
页面区块预览 · 具体条目入口 · React
相关词：按钮、徽章、状态标签、卡片、网格、常见问题、悬停、鼠标悬停、背景、滑动、手势、箭头
发布者公开目录数据2026-10-14
FAQ 20
页面区块预览 · 具体条目入口 · React
相关词：手风琴、折叠面板、卡片、常见问题、图片、添加、加号、减号、图标
发布者公开目录数据2026-10-14
FAQ 21
页面区块预览 · 具体条目入口 · React
相关词：手风琴、折叠面板、切换、开关、列表、常见问题、光标、鼠标、指针、添加、加号、减号
发布者公开目录数据2026-10-14
FAQ 22
页面区块预览 · 具体条目入口 · React
相关词：手风琴、折叠面板、卡片、常见问题、图片、添加、加号、减号、图标
发布者公开目录数据2026-10-14
FAQ 23
页面区块预览 · 具体条目入口 · React
相关词：手风琴、折叠面板、网格、常见问题、添加、加号、减号、图标
发布者公开目录数据2026-10-14
FAQ 24
页面区块预览 · 具体条目入口 · React
相关词：手风琴、折叠面板、标签页、选项卡、卡片、列表、常见问题、图标
发布者公开目录数据2026-10-14
Gallery 1
页面区块预览 · 具体条目入口 · React
相关词：网格、文字、文本、图片、画廊、图片展示
发布者公开目录数据2026-10-14
Gallery 2
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、导航、悬停、鼠标悬停、渐变、画廊、图片展示
发布者公开目录数据2026-10-14
Gallery 3
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、导航、画廊、图片展示
发布者公开目录数据2026-10-14
Gallery 4
页面区块预览 · 具体条目入口 · React
相关词：徽章、状态标签、网格、悬停、鼠标悬停、画廊、图片展示
发布者公开目录数据2026-10-14
Gallery 5
页面区块预览 · 具体条目入口 · React
相关词：网格、悬停、鼠标悬停、画廊、图片展示
发布者公开目录数据2026-10-14
Gallery 6
页面区块预览 · 具体条目入口 · React
相关词：网格、悬停、鼠标悬停、动画、动效、画廊、图片展示、箭头
发布者公开目录数据2026-10-14
Gallery 7
页面区块预览 · 具体条目入口 · React
相关词：跑马灯、轮播、滚动列表、悬停、鼠标悬停、渐变、动画、动效、画廊、图片展示、暂停
发布者公开目录数据2026-10-14
Gallery 8
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、导航、进度条、画廊、图片展示
发布者公开目录数据2026-10-14
Gallery 9
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、画廊、图片展示
发布者公开目录数据2026-10-14
Gallery 10
页面区块预览 · 具体条目入口 · React
相关词：网格、动画、动效、画廊、图片展示、箭头
发布者公开目录数据2026-10-14
Gallery 11
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、导航、网格、三维、3D、画廊、图片展示
发布者公开目录数据2026-10-14
Blog 1
页面区块预览 · 具体条目入口 · React
相关词：按钮、网格
发布者公开目录数据2026-10-14
Blog 2
页面区块预览 · 具体条目入口 · React
相关词：侧边栏、列表
发布者公开目录数据2026-10-14
Blog 3
页面区块预览 · 具体条目入口 · React
相关词：列表
发布者公开目录数据2026-10-14
Blog 4
页面区块预览 · 具体条目入口 · React
相关词：侧边栏、网格
发布者公开目录数据2026-10-14
Blog 5
页面区块预览 · 具体条目入口 · React
相关词：网格
发布者公开目录数据2026-10-14
Blog 6
页面区块预览 · 具体条目入口 · React
相关词：输入框、卡片
发布者公开目录数据2026-10-14
Blog 7
页面区块预览 · 具体条目入口 · React
相关词：侧边栏
发布者公开目录数据2026-10-14
Blog 8
页面区块预览 · 具体条目入口 · React
相关词：按钮、卡片、网格
发布者公开目录数据2026-10-14
Blog 9
页面区块预览 · 具体条目入口 · React
相关词：网格
发布者公开目录数据2026-10-14
Blog 10
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、导航、标签
发布者公开目录数据2026-10-14
Blog 11
页面区块预览 · 具体条目入口 · React
相关词：按钮、网格、悬停、鼠标悬停、文字、文本、箭头
发布者公开目录数据2026-10-14
Blog 12
页面区块预览 · 具体条目入口 · React
相关词：卡片、网格、背景
发布者公开目录数据2026-10-14
Blog 13
页面区块预览 · 具体条目入口 · React
相关词：跑马灯、轮播、滚动列表、网格、悬停、鼠标悬停、渐变
发布者公开目录数据2026-10-14
Blog 14
页面区块预览 · 具体条目入口 · React
相关词：侧边栏、卡片
发布者公开目录数据2026-10-14
Blog 15
页面区块预览 · 具体条目入口 · React
相关词：输入框、折线、线条、标签页、选项卡、网格、搜索、悬停、鼠标悬停、滚动、文字、文本
发布者公开目录数据2026-10-14
Blog 16
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、按钮、流光、闪烁、文字、文本、动画、动效
发布者公开目录数据2026-10-14
Blog 17
页面区块预览 · 具体条目入口 · React
相关词：徽章、状态标签、网格、日历、悬停、鼠标悬停、图标
发布者公开目录数据2026-10-14
Blog 18
页面区块预览 · 具体条目入口 · React
相关词：列表、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、箭头、图标
发布者公开目录数据2026-10-14
Blog 19
页面区块预览 · 具体条目入口 · React
相关词：卡片、网格、悬停、鼠标悬停
发布者公开目录数据2026-10-14
Blog 20
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、选择器、下拉选择、分页、网格、搜索、动画、动效、图片
发布者公开目录数据2026-10-14
About Us 1
页面区块预览 · 具体条目入口 · React
相关词：卡片、网格、视频
发布者公开目录数据2026-10-14
About Us 2
页面区块预览 · 具体条目入口 · React
相关词：按钮、卡片、网格、图片
发布者公开目录数据2026-10-14
About Us 3
页面区块预览 · 具体条目入口 · React
相关词：标签页、选项卡、图片
发布者公开目录数据2026-10-14
About Us 4
页面区块预览 · 具体条目入口 · React
相关词：按钮、标签页、选项卡、徽章、状态标签、图片
发布者公开目录数据2026-10-14
About Us 5
页面区块预览 · 具体条目入口 · React
相关词：卡片、网格、动画、动效、图片、图标
发布者公开目录数据2026-10-14
About Us 6
页面区块预览 · 具体条目入口 · React
相关词：头像、卡片、网格
发布者公开目录数据2026-10-14
About Us 7
页面区块预览 · 具体条目入口 · React
相关词：卡片
发布者公开目录数据2026-10-14
About Us 8
页面区块预览 · 具体条目入口 · React
相关词：卡片、网格、图标
发布者公开目录数据2026-10-14
About Us 9
页面区块预览 · 具体条目入口 · React
相关词：头像、动画、动效
发布者公开目录数据2026-10-14
About Us 10
页面区块预览 · 具体条目入口 · React
相关词：徽章、状态标签、列表、勾选、成功、图标
发布者公开目录数据2026-10-14
About Us 11
页面区块预览 · 具体条目入口 · React
相关词：提示、气泡、工具提示、按钮、头像、首屏、主视觉、渐变、动画、动效
发布者公开目录数据2026-10-14
About Us 12
页面区块预览 · 具体条目入口 · React
相关词：徽章、状态标签、动画、动效
发布者公开目录数据2026-10-14
About Us 13
页面区块预览 · 具体条目入口 · React
相关词：头像、背景、涟漪、波纹、动画、动效
发布者公开目录数据2026-10-14
About Us 14
页面区块预览 · 具体条目入口 · React
相关词：按钮、徽章、状态标签、涟漪、波纹
发布者公开目录数据2026-10-14
About Us 15
页面区块预览 · 具体条目入口 · React
相关词：按钮、徽章、状态标签、卡片、渐变、动画、动效
发布者公开目录数据2026-10-14
About Us 16
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、按钮、徽章、状态标签、渐变
发布者公开目录数据2026-10-14
About Us 17
页面区块预览 · 具体条目入口 · React
相关词：环形、圆形、按钮、卡片、渐变、文字、文本、动画、动效、图标
发布者公开目录数据2026-10-14
About Us 18
页面区块预览 · 具体条目入口 · React
相关词：背景
发布者公开目录数据2026-10-14
About Us 19
页面区块预览 · 具体条目入口 · React
相关词：图表、卡片、进度条、涟漪、波纹、动画、动效
发布者公开目录数据2026-10-14
About Us 20
页面区块预览 · 具体条目入口 · React
相关词：按钮、徽章、状态标签、渐变、动画、动效
发布者公开目录数据2026-10-14
About Us 21
页面区块预览 · 具体条目入口 · React
相关词：按钮、列表、功能区、悬停、鼠标悬停、背景、动画、动效、AI、人工智能、勾选、成功
发布者公开目录数据2026-10-14
About Us 22
页面区块预览 · 具体条目入口 · React
相关词：徽章、状态标签、卡片、悬停、鼠标悬停、文字、文本、图标
发布者公开目录数据2026-10-14
About Us 23
页面区块预览 · 具体条目入口 · React
相关词：图表、标签页、选项卡、卡片、网格、光束、动画、动效、仪表盘、后台
发布者公开目录数据2026-10-14
About Us 24
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、按钮、流光、闪烁、渐变、淡入、淡出、文字、文本、动画、动效
发布者公开目录数据2026-10-14
About Us 25
页面区块预览 · 具体条目入口 · React
相关词：按钮、网格、列表、图片
发布者公开目录数据2026-10-14