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 条记录，本页显示 321–400 条。每页最多 80 条；直接点击名称进入已保存的真实网址。

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

About Us 26
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、卡片、网格、图标
发布者公开目录数据2026-10-14
About Us 27
页面区块预览 · 具体条目入口 · React
相关词：按钮、折线、线条、卡片、首屏、主视觉
发布者公开目录数据2026-10-14
About Us 28
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、徽章、状态标签
发布者公开目录数据2026-10-14
About Us 29
页面区块预览 · 具体条目入口 · React
相关词：卡片、定价、价格、翻转
发布者公开目录数据2026-10-14
About Us 30
页面区块预览 · 具体条目入口 · React
相关词：轮播、轮播图、卡片、模块化布局、格子、网格、图片、文件夹、音乐
发布者公开目录数据2026-10-14
Contact Us 1
页面区块预览 · 具体条目入口 · React
相关词：头像、网格、文字、文本、图片、图标
发布者公开目录数据2026-10-14
Contact Us 2
页面区块预览 · 具体条目入口 · React
相关词：侧边栏、卡片、表单
发布者公开目录数据2026-10-14
Contact Us 3
页面区块预览 · 具体条目入口 · React
相关词：卡片、表单、首屏、主视觉、光束、背景、图片
发布者公开目录数据2026-10-14
Contact Us 4
页面区块预览 · 具体条目入口 · React
相关词：复选框、卡片、表单、地图
发布者公开目录数据2026-10-14
Contact Us 5
页面区块预览 · 具体条目入口 · React
相关词：按钮、卡片、动画、动效、地图
发布者公开目录数据2026-10-14
Contact Us 6
页面区块预览 · 具体条目入口 · React
相关词：头像、卡片、表单、背景、图片、图标
发布者公开目录数据2026-10-14
Contact Us 7
页面区块预览 · 具体条目入口 · React
相关词：卡片、网格、文字、文本、图片、图标
发布者公开目录数据2026-10-14
Contact Us 8
页面区块预览 · 具体条目入口 · React
相关词：导航、页脚、背景、图片
发布者公开目录数据2026-10-14
Contact Us 9
页面区块预览 · 具体条目入口 · React
相关词：首屏、主视觉、发光、光晕、背景、图标
发布者公开目录数据2026-10-14
Contact Us 10
页面区块预览 · 具体条目入口 · React
相关词：环形、圆形、光束、背景、图标
发布者公开目录数据2026-10-14
Contact Us 11
页面区块预览 · 具体条目入口 · React
相关词：输入框、悬停、鼠标悬停、图标
发布者公开目录数据2026-10-14
Contact Us 12
页面区块预览 · 具体条目入口 · React
相关词：复选框、头像、悬停、鼠标悬停、图片
发布者公开目录数据2026-10-14
Contact Us 13
页面区块预览 · 具体条目入口 · React
相关词：卡片、用户评价、渐变、星星、收藏
发布者公开目录数据2026-10-14
Contact Us 14
页面区块预览 · 具体条目入口 · React
相关词：复选框、多选框、悬停、鼠标悬停、仪表盘、后台
发布者公开目录数据2026-10-14
Contact Us 15
页面区块预览 · 具体条目入口 · React
相关词：复选框、头像、卡片、图片、图标
发布者公开目录数据2026-10-14
Contact Us 16
页面区块预览 · 具体条目入口 · React
相关词：跑马灯、轮播、滚动列表、徽章、状态标签、悬停、鼠标悬停、渐变、模糊、文字、文本、图片
发布者公开目录数据2026-10-14
Contact Us 17
页面区块预览 · 具体条目入口 · React
相关词：表单、地图
发布者公开目录数据2026-10-14
Contact Us 18
页面区块预览 · 具体条目入口 · React
相关词：表单
发布者公开目录数据2026-10-14
Download 01
页面区块预览 · 具体条目入口 · React
相关词：按钮、卡片、背景、图片
发布者公开目录数据2026-10-14
Download 02
页面区块预览 · 具体条目入口 · React
相关词：选择器、下拉选择、复选框、多选框、下拉菜单
发布者公开目录数据2026-10-14
Download 03
页面区块预览 · 具体条目入口 · React
相关词：按钮、卡片、网格、图片
发布者公开目录数据2026-10-14
Download 04
页面区块预览 · 具体条目入口 · React
相关词：按钮、箭头
发布者公开目录数据2026-10-14
Download 05
页面区块预览 · 具体条目入口 · React
相关词：按钮、徽章、状态标签、卡片、列表、文件、图标
发布者公开目录数据2026-10-14
Download 06
页面区块预览 · 具体条目入口 · React
相关词：按钮、网格、文件
发布者公开目录数据2026-10-14
Timeline 1
页面区块预览 · 具体条目入口 · React
发布者公开目录数据2026-10-14
Timeline 2
页面区块预览 · 具体条目入口 · React
发布者公开目录数据2026-10-14
Timeline 3
页面区块预览 · 具体条目入口 · React
相关词：进度条、动画、动效、播放、图标
发布者公开目录数据2026-10-14
Timeline 4
页面区块预览 · 具体条目入口 · React
相关词：动画、动效、用户
发布者公开目录数据2026-10-14
Timeline 5
页面区块预览 · 具体条目入口 · React
发布者公开目录数据2026-10-14
Timeline 6
页面区块预览 · 具体条目入口 · React
相关词：侧边栏
发布者公开目录数据2026-10-14
Timeline 7
页面区块预览 · 具体条目入口 · React
相关词：滚动、动画、动效
发布者公开目录数据2026-10-14
Navbar 1
页面区块预览 · 具体条目入口 · React
相关词：下拉菜单、导航、导航栏、搜索
发布者公开目录数据2026-10-14
Navbar 2
页面区块预览 · 具体条目入口 · React
相关词：按钮、导航、导航栏、登录、登陆
发布者公开目录数据2026-10-14
Navbar 3
页面区块预览 · 具体条目入口 · React
相关词：导航、导航栏、搜索、用户、图标
发布者公开目录数据2026-10-14
Navbar 4
页面区块预览 · 具体条目入口 · React
相关词：导航、导航栏、搜索、图标
发布者公开目录数据2026-10-14
Navbar 5
页面区块预览 · 具体条目入口 · React
相关词：按钮、导航、导航栏、登录、登陆
发布者公开目录数据2026-10-14
Navbar 6
页面区块预览 · 具体条目入口 · React
相关词：菜单、导航、导航栏、头像、徽章、状态标签、搜索、仪表盘、后台、用户
发布者公开目录数据2026-10-14
Navbar 7
页面区块预览 · 具体条目入口 · React
相关词：导航、导航栏、头像、通知、消息提示、搜索、仪表盘、后台、用户
发布者公开目录数据2026-10-14
Navbar 8
页面区块预览 · 具体条目入口 · React
相关词：按钮、导航栏、通知、消息提示、搜索、图标
发布者公开目录数据2026-10-14
Navbar 9
页面区块预览 · 具体条目入口 · React
相关词：菜单、导航、导航栏、徽章、状态标签、通知、消息提示、用户
发布者公开目录数据2026-10-14
Navbar 10
页面区块预览 · 具体条目入口 · React
相关词：按钮、导航栏、通知、消息提示、搜索、图标
发布者公开目录数据2026-10-14
Navbar 11
页面区块预览 · 具体条目入口 · React
相关词：按钮、导航栏、背景
发布者公开目录数据2026-10-14
Navbar 12
页面区块预览 · 具体条目入口 · React
相关词：下拉菜单、导航栏、登录、注册、认证
发布者公开目录数据2026-10-14
Navbar 13
页面区块预览 · 具体条目入口 · React
相关词：抽屉、面板、菜单、导航、导航栏
发布者公开目录数据2026-10-14
Navbar 14
页面区块预览 · 具体条目入口 · React
相关词：按钮、导航栏、背景、动画、动效、箭头
发布者公开目录数据2026-10-14
Navbar 15
页面区块预览 · 具体条目入口 · React
相关词：抽屉、面板、菜单、下拉菜单、导航、导航栏、头像、通知、消息提示、卡片、悬停、鼠标悬停
发布者公开目录数据2026-10-14
Navbar 16
页面区块预览 · 具体条目入口 · React
相关词：抽屉、面板、菜单、下拉菜单、导航栏、通知、消息提示
发布者公开目录数据2026-10-14
Footer 1
页面区块预览 · 具体条目入口 · React
相关词：折线、线条、导航、页脚、爱心、图标
发布者公开目录数据2026-10-14
Footer 2
页面区块预览 · 具体条目入口 · React
相关词：网格、页脚、图标
发布者公开目录数据2026-10-14
Footer 3
页面区块预览 · 具体条目入口 · React
相关词：折线、线条、导航、页脚、爱心
发布者公开目录数据2026-10-14
Footer 4
页面区块预览 · 具体条目入口 · React
相关词：页脚、图标
发布者公开目录数据2026-10-14
Footer 5
页面区块预览 · 具体条目入口 · React
相关词：徽章、状态标签、页脚、图标
发布者公开目录数据2026-10-14
Footer 6
页面区块预览 · 具体条目入口 · React
相关词：跑马灯、轮播、滚动列表、网格、页脚、渐变、AI、人工智能
发布者公开目录数据2026-10-14
Footer 7
页面区块预览 · 具体条目入口 · React
相关词：按钮、页脚、图标
发布者公开目录数据2026-10-14
Footer 8
页面区块预览 · 具体条目入口 · React
相关词：按钮、导航、表单、页脚、图片
发布者公开目录数据2026-10-14
Footer 9
页面区块预览 · 具体条目入口 · React
相关词：页脚、悬停、鼠标悬停、文字、文本、动画、动效、邮件、信封、图标、排版、字体
发布者公开目录数据2026-10-14
Footer 10
页面区块预览 · 具体条目入口 · React
相关词：导航、卡片、页脚、文字、文本、图标
发布者公开目录数据2026-10-14
Footer 11
页面区块预览 · 具体条目入口 · React
相关词：页脚、图标
发布者公开目录数据2026-10-14
Footer 12
页面区块预览 · 具体条目入口 · React
相关词：页脚、背景、图片、图标
发布者公开目录数据2026-10-14
Login 1
页面区块预览 · 具体条目入口 · React
相关词：按钮、卡片、登录、登陆、背景
发布者公开目录数据2026-10-14
Login 2
页面区块预览 · 具体条目入口 · React
相关词：导航、网格、表单、登录、登陆、光束、动画、动效、仪表盘、后台
发布者公开目录数据2026-10-14
Login 3
页面区块预览 · 具体条目入口 · React
相关词：按钮、卡片、登录、登陆、用户评价、用户
发布者公开目录数据2026-10-14
Login 4
页面区块预览 · 具体条目入口 · React
相关词：消息提示、表单、登录、登陆、仪表盘、后台
发布者公开目录数据2026-10-14
Login 5
页面区块预览 · 具体条目入口 · React
相关词：卡片、登录、登陆、渐变、图标
发布者公开目录数据2026-10-14
Login 6
页面区块预览 · 具体条目入口 · React
相关词：按钮、卡片、登录、登陆、用户评价、背景、用户
发布者公开目录数据2026-10-14
Login 7
页面区块预览 · 具体条目入口 · React
相关词：跑马灯、轮播、滚动列表、按钮、登录、登陆、渐变、动画、动效、图片、画廊、图片展示
发布者公开目录数据2026-10-14
Login 8
页面区块预览 · 具体条目入口 · React
相关词：按钮、登录、登陆、光标、鼠标、指针
发布者公开目录数据2026-10-14
Register 1
页面区块预览 · 具体条目入口 · React
相关词：卡片、表单、注册、背景
发布者公开目录数据2026-10-14
Register 2
页面区块预览 · 具体条目入口 · React
相关词：导航、网格、表单、光束、动画、动效、仪表盘、后台
发布者公开目录数据2026-10-14
Register 3
页面区块预览 · 具体条目入口 · React
相关词：卡片、注册、用户评价、用户
发布者公开目录数据2026-10-14
Register 4
页面区块预览 · 具体条目入口 · React
相关词：消息提示、表单、仪表盘、后台
发布者公开目录数据2026-10-14
Register 5
页面区块预览 · 具体条目入口 · React
相关词：卡片、渐变、图标
发布者公开目录数据2026-10-14
Register 6
页面区块预览 · 具体条目入口 · React
相关词：按钮、卡片、登录、登陆、用户评价、背景、用户
发布者公开目录数据2026-10-14
Register 7
页面区块预览 · 具体条目入口 · React
相关词：跑马灯、轮播、滚动列表、按钮、登录、登陆、渐变、动画、动效、图片、画廊、图片展示
发布者公开目录数据2026-10-14
Register 8
页面区块预览 · 具体条目入口 · React
相关词：按钮、登录、登陆、光标、鼠标、指针
发布者公开目录数据2026-10-14