Shadcn Studio

资源与访问条件

• 免费组件与页面区块

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

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

161. Testimonials 26

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图、滑块、滑杆、网格、用户评价、动画、动效

     发布者公开目录数据2026-10-14

162. Testimonials 27

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图、分页、卡片

     发布者公开目录数据2026-10-14

163. Social Proof 1

     页面区块预览 · 具体条目入口 · React

     相关词：功能区

     发布者公开目录数据2026-10-14

164. Social Proof 2

     页面区块预览 · 具体条目入口 · React

     相关词：用户

     发布者公开目录数据2026-10-14

165. Social Proof 3

     页面区块预览 · 具体条目入口 · React

     相关词：网格

     发布者公开目录数据2026-10-14

166. Social Proof 4

     页面区块预览 · 具体条目入口 · React

     相关词：标签页、选项卡、仪表盘、后台

     发布者公开目录数据2026-10-14

167. Social Proof 5

     页面区块预览 · 具体条目入口 · React

     相关词：图表、仪表盘、后台

     发布者公开目录数据2026-10-14

168. Social Proof 6

     页面区块预览 · 具体条目入口 · React

     相关词：卡片、图标

     发布者公开目录数据2026-10-14

169. Social Proof 7

     页面区块预览 · 具体条目入口 · React

     相关词：图标

     发布者公开目录数据2026-10-14

170. Social Proof 8

     页面区块预览 · 具体条目入口 · React

     相关词：功能区、图片

     发布者公开目录数据2026-10-14

171. Social Proof 9

     页面区块预览 · 具体条目入口 · React

     相关词：卡片

     发布者公开目录数据2026-10-14

172. Social Proof 10

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、卡片、网格、背景

     发布者公开目录数据2026-10-14

173. Social Proof 11

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、卡片、动画、动效

     发布者公开目录数据2026-10-14

174. Social Proof 12

     页面区块预览 · 具体条目入口 · React

     相关词：徽章、状态标签、卡片、图标

     发布者公开目录数据2026-10-14

175. Portfolio 1

     页面区块预览 · 具体条目入口 · React

     相关词：网格

     发布者公开目录数据2026-10-14

176. Portfolio 2

     页面区块预览 · 具体条目入口 · React

     相关词：卡片、悬停、鼠标悬停、动画、动效

     发布者公开目录数据2026-10-14

177. Portfolio 3

     页面区块预览 · 具体条目入口 · React

     相关词：标签页、选项卡、卡片

     发布者公开目录数据2026-10-14

178. Portfolio 4

     页面区块预览 · 具体条目入口 · React

     相关词：网格、动画、动效

     发布者公开目录数据2026-10-14

179. Portfolio 5

     页面区块预览 · 具体条目入口 · React

     相关词：标签页、选项卡、导航、卡片、滚动

     发布者公开目录数据2026-10-14

180. Portfolio 6

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图、标签页、选项卡、滚动

     发布者公开目录数据2026-10-14

181. Portfolio 7

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图

     发布者公开目录数据2026-10-14

182. Portfolio 8

     页面区块预览 · 具体条目入口 · React

     相关词：标签页、选项卡、卡片、滚动

     发布者公开目录数据2026-10-14

183. Portfolio 9

     页面区块预览 · 具体条目入口 · React

     相关词：功能区、动画、动效

     发布者公开目录数据2026-10-14

184. Portfolio 10

     页面区块预览 · 具体条目入口 · React

     相关词：卡片

     发布者公开目录数据2026-10-14

185. Portfolio 11

     页面区块预览 · 具体条目入口 · React

     相关词：动画、动效

     发布者公开目录数据2026-10-14

186. Portfolio 12

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图、导航、渐变

     发布者公开目录数据2026-10-14

187. Portfolio 13

     页面区块预览 · 具体条目入口 · React

     相关词：网格、功能区、渐变、图片、画廊、图片展示、图标

     发布者公开目录数据2026-10-14

188. Portfolio 14

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、网格、模糊、动画、动效

     发布者公开目录数据2026-10-14

189. Portfolio 15

     页面区块预览 · 具体条目入口 · React

     相关词：标签页、选项卡、侧边栏、标签、网格、滚动

     发布者公开目录数据2026-10-14

190. Portfolio 16

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、卡片、背景

     发布者公开目录数据2026-10-14

191. Portfolio 17

     页面区块预览 · 具体条目入口 · React

     相关词：手风琴、折叠面板、动画、动效

     发布者公开目录数据2026-10-14

192. Portfolio 18

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、网格、悬停、鼠标悬停、图标

     发布者公开目录数据2026-10-14

193. Team 1

     页面区块预览 · 具体条目入口 · React

     相关词：卡片、网格、悬停、鼠标悬停

     发布者公开目录数据2026-10-14

194. Team 2

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、卡片、悬停、鼠标悬停

     发布者公开目录数据2026-10-14

195. Team 3

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图、导航、进度条

     发布者公开目录数据2026-10-14

196. Team 4

     页面区块预览 · 具体条目入口 · React

     相关词：卡片

     发布者公开目录数据2026-10-14

197. Team 5

     页面区块预览 · 具体条目入口 · React

     发布者公开目录数据2026-10-14

198. Team 6

     页面区块预览 · 具体条目入口 · React

     相关词：跑马灯、轮播、滚动列表、动画、动效

     发布者公开目录数据2026-10-14

199. Team 7

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图、导航

     发布者公开目录数据2026-10-14

200. Team 8

     页面区块预览 · 具体条目入口 · React

     相关词：动画、动效

     发布者公开目录数据2026-10-14

201. Team 9

     页面区块预览 · 具体条目入口 · React

     相关词：环形、圆形

     发布者公开目录数据2026-10-14

202. Team 10

     页面区块预览 · 具体条目入口 · React

     相关词：徽章、状态标签、卡片、网格、光束、渐变、动画、动效

     发布者公开目录数据2026-10-14

203. Team 11

     页面区块预览 · 具体条目入口 · React

     相关词：悬停、鼠标悬停、渐变、背景、文字、文本

     发布者公开目录数据2026-10-14

204. Team 12

     页面区块预览 · 具体条目入口 · React

     相关词：导航、卡片、渐变

     发布者公开目录数据2026-10-14

205. Team 13

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、首屏、主视觉、渐变、图片

     发布者公开目录数据2026-10-14

206. Team 14

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图、导航

     发布者公开目录数据2026-10-14

207. Team 15

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、卡片、悬停、鼠标悬停、渐变

     发布者公开目录数据2026-10-14

208. Team 16

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图、徽章、状态标签、渐变、背景

     发布者公开目录数据2026-10-14

209. Team 17

     页面区块预览 · 具体条目入口 · React

     相关词：跑马灯、轮播、滚动列表、卡片、背景、滚动、动画、动效

     发布者公开目录数据2026-10-14

210. Team 18

     页面区块预览 · 具体条目入口 · React

     相关词：悬停、鼠标悬停

     发布者公开目录数据2026-10-14

211. Team 19

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图、导航、卡片、悬停、鼠标悬停

     发布者公开目录数据2026-10-14

212. Team 20

     页面区块预览 · 具体条目入口 · React

     相关词：渐变、背景、文字、文本

     发布者公开目录数据2026-10-14

213. Team 21

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图、卡片、悬停、鼠标悬停、渐变、画廊、图片展示

     发布者公开目录数据2026-10-14

214. CTA 1

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、卡片

     发布者公开目录数据2026-10-14

215. CTA 2

     页面区块预览 · 具体条目入口 · React

     相关词：输入框、徽章、状态标签、表单

     发布者公开目录数据2026-10-14

216. CTA 3

     页面区块预览 · 具体条目入口 · React

     相关词：网格、背景、排版、字体

     发布者公开目录数据2026-10-14

217. CTA 4

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、背景、文字、文本、图片、仪表盘、后台

     发布者公开目录数据2026-10-14

218. CTA 5

     页面区块预览 · 具体条目入口 · React

     相关词：卡片、表单、注册

     发布者公开目录数据2026-10-14

219. CTA 6

     页面区块预览 · 具体条目入口 · React

     发布者公开目录数据2026-10-14

220. CTA 7

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、图片、勾选、成功、图标

     发布者公开目录数据2026-10-14

221. CTA 8

     页面区块预览 · 具体条目入口 · React

     相关词：按钮

     发布者公开目录数据2026-10-14

222. CTA 9

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、背景、图片

     发布者公开目录数据2026-10-14

223. CTA 10

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、背景、箭头、图标

     发布者公开目录数据2026-10-14

224. CTA 11

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、卡片、动画、动效

     发布者公开目录数据2026-10-14

225. CTA 12

     页面区块预览 · 具体条目入口 · React

     相关词：输入框、卡片、网格、表单、图片

     发布者公开目录数据2026-10-14

226. CTA 13

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、AI、人工智能

     发布者公开目录数据2026-10-14

227. CTA 14

     页面区块预览 · 具体条目入口 · React

     相关词：按钮、悬停、鼠标悬停、渐变、背景、图片、首页、房子

     发布者公开目录数据2026-10-14

228. CTA 15

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图、按钮

     发布者公开目录数据2026-10-14

229. CTA 16

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图、按钮

     发布者公开目录数据2026-10-14

230. CTA 17

     页面区块预览 · 具体条目入口 · React

     相关词：轮播、轮播图、按钮

     发布者公开目录数据2026-10-14

231. Logo Cloud 1

     页面区块预览 · 具体条目入口 · React

     相关词：卡片、背景

     发布者公开目录数据2026-10-14

232. Logo Cloud 2

     页面区块预览 · 具体条目入口 · React

     相关词：网格

     发布者公开目录数据2026-10-14

233. Logo Cloud 3

     页面区块预览 · 具体条目入口 · React

     发布者公开目录数据2026-10-14

234. Logo Cloud 4

     页面区块预览 · 具体条目入口 · React

     相关词：跑马灯、轮播、滚动列表

     发布者公开目录数据2026-10-14

235. Logo Cloud 5

     页面区块预览 · 具体条目入口 · React

     发布者公开目录数据2026-10-14

236. Logo Cloud 6

     页面区块预览 · 具体条目入口 · React

     相关词：滚动

     发布者公开目录数据2026-10-14

237. Logo Cloud 7

     页面区块预览 · 具体条目入口 · React

     发布者公开目录数据2026-10-14

238. Logo Cloud 8

     页面区块预览 · 具体条目入口 · React

     相关词：网格、背景

     发布者公开目录数据2026-10-14

239. Logo Cloud 9

     页面区块预览 · 具体条目入口 · React

     相关词：网格

     发布者公开目录数据2026-10-14

240. Logo Cloud 10

     页面区块预览 · 具体条目入口 · React

     相关词：提示、气泡、工具提示、跑马灯、轮播、滚动列表、卡片

     发布者公开目录数据2026-10-14