Shadcn UI Kit

资源与访问条件

• 免费 Starter 项目

  Web · 组件代码、页面模板与区块 · React / Next.js · 有免费资源

  • live · 2026-10-18：官网 Starter 方案明确免费，并提供公开项目；官方技术说明为 React 与 Next.js。
• Pro 后台与网站模板

  Web · 组件代码、页面模板与区块 · React / Next.js · 有付费资源

  • live · 2026-10-18：官网将 Pro 与团队方案列为付费获取；免费 Starter 范围有限。

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

目录入口

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

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

81. Bubble

    界面示例 · 具体条目入口

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

82. Calendar

    界面示例 · 具体条目入口

    相关词：日历

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

83. Card

    界面示例 · 具体条目入口

    相关词：卡片

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

84. Carousel

    界面示例 · 具体条目入口

    相关词：轮播、轮播图

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

85. Checkbox

    界面示例 · 具体条目入口

    相关词：复选框、多选框

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

86. Code Block

    界面示例 · 具体条目入口

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

87. Collapsible

    界面示例 · 具体条目入口

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

88. Combobox

    界面示例 · 具体条目入口

    相关词：组合选择框、下拉选择

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

89. Command

    界面示例 · 具体条目入口

    相关词：命令、搜索、命令面板

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

90. Menu

    界面示例 · 具体条目入口

    相关词：菜单

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

91. Data Table

    界面示例 · 具体条目入口

    相关词：表格、数据表格

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

92. Drawer

    界面示例 · 具体条目入口

    相关词：抽屉

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

93. Dropdown Menu

    界面示例 · 具体条目入口

    相关词：菜单、下拉菜单

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

94. Empty

    界面示例 · 具体条目入口

    相关词：空状态

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

95. Field

    界面示例 · 具体条目入口

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

96. File Upload

    界面示例 · 具体条目入口

    相关词：上传、文件

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

97. Hover Card

    界面示例 · 具体条目入口

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

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

98. Spinner

    界面示例 · 具体条目入口

    相关词：加载、转圈

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

99. Input

    界面示例 · 具体条目入口

    相关词：输入框

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

100. Item

     界面示例 · 具体条目入口

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

101. Menubar

     界面示例 · 具体条目入口

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

102. Native Select

     界面示例 · 具体条目入口

     相关词：选择器、下拉选择

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

103. Navigation Menu

     界面示例 · 具体条目入口

     相关词：菜单、导航

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

104. Pagination

     界面示例 · 具体条目入口

     相关词：分页

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

105. Popover

     界面示例 · 具体条目入口

     相关词：气泡、弹出框

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

106. Progress

     界面示例 · 具体条目入口

     相关词：进度条

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

107. Radio Group

     界面示例 · 具体条目入口

     相关词：单选框

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

108. Scroll Area

     界面示例 · 具体条目入口

     相关词：滚动

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

109. Select

     界面示例 · 具体条目入口

     相关词：选择器、下拉选择

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

110. Separator

     界面示例 · 具体条目入口

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

111. Sheet

     界面示例 · 具体条目入口

     相关词：抽屉、面板

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

112. Sonner Toast

     界面示例 · 具体条目入口

     相关词：消息提示、轻提示

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

113. Skeleton

     界面示例 · 具体条目入口

     相关词：骨架屏、加载

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

114. Slider

     界面示例 · 具体条目入口

     相关词：滑块、滑杆

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

115. Stepper

     界面示例 · 具体条目入口

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

116. Switch

     界面示例 · 具体条目入口

     相关词：开关

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

117. Table

     界面示例 · 具体条目入口

     相关词：表格、数据表格

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

118. Tabs

     界面示例 · 具体条目入口

     相关词：标签页、选项卡

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

119. Textarea

     界面示例 · 具体条目入口

     相关词：多行输入框

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

120. Toggle

     界面示例 · 具体条目入口

     相关词：切换、开关

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

121. Tooltip

     界面示例 · 具体条目入口

     相关词：提示、气泡、工具提示

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

122. Base

     界面示例 · 具体条目入口

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

123. Data Display

     界面示例 · 具体条目入口

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

124. Navigation

     界面示例 · 具体条目入口

     相关词：导航

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

125. Form

     界面示例 · 具体条目入口

     相关词：表单

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

126. Feedback

     界面示例 · 具体条目入口

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

127. Demo

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

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

128. Demo

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

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

129. Demo

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

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

130. Demo

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

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

131. Demo

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

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

132. Demo

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

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

133. Demo

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

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

134. Demo

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

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

135. Demo

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

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

136. Demo

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

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

137. Demo

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

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

138. Demo

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

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

139. Demo

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

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

140. Demo

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

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

141. Demo

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

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

142. Demo

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

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

143. Demo

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

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

144. Demo

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

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

145. Demo

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

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

146. Demo

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

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

147. Demo

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

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

148. Demo

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

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

149. Demo

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

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

150. Demo

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

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

151. Demo

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

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

152. Demo

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

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

153. Demo

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

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

154. Demo

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

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

155. Demo

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

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

156. Demo

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

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

157. Demo

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

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

158. Demo

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

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

159. Demo

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

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

160. Demo

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

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