UIPicks UI 参考库
← 全部 AI 参考来源

UI 组件库

21st

浏览社区开源 React 组件；组件页分别列出来源、代码与许可。

进入原站读取本页 JSON

已补充公开案例与类型 · 2026-10-21。已补充可公开读取的具体案例与分类；原站登录、订阅和复制条件单独保留。

已审查的免费匿名读取路径

21st

公开分类目录和一个具体卡片页可读取；代码与许可应逐组件确认。

UI 组件 · 页面区块 · 交互动效 · 卡片 · 首屏 Hero · 定价 · 导航菜单 · 表单 · 登录注册 · 背景 · 反馈状态 · 搜索 · 视觉参考 · 公开代码

有免费匿名入口 · 检查日期 2026-10-20

公开组件与区块分类、卡片清单及所抽查 Card 的 TSX 与来源信息。

根首页第一次读取失败，社区路径正常。；部分动态区域有占位；全量分页和其他组件的代码权限未逐项验证。；每个组件单独核对来源、依赖和许可，不把本站所有内容统称 MIT。

访问条件与依据

登录范围：本次未确认额外登录范围

付费范围：本次未确认额外付费范围

历史资源与访问条件

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

目录入口

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

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

  1. Dialog to Toast

    组件 · 具体条目入口 · React

    相关词：弹窗与抽屉、提示与状态

    来源说明2026-10-21

  2. Orbit Spotlight Image Gallery

    组件 · 具体条目入口 · React

    相关词：图片与媒体

    来源说明2026-10-21

  3. Directional text button

    组件 · 具体条目入口 · React

    相关词：按钮

    来源说明2026-10-21

  4. Undo Countdown Button

    组件 · 具体条目入口 · React

    相关词：按钮

    来源说明2026-10-21

  5. Before after comparison

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  6. Cited Answer AI Chat Input with Sources

    组件 · 具体条目入口 · React

    相关词：输入框与搜索、AI 与聊天

    来源说明2026-10-21

  7. Radial Wedge Image Gallery

    组件 · 具体条目入口 · React

    相关词：图片与媒体

    来源说明2026-10-21

  8. Workspace Picker Login Form

    组件 · 具体条目入口 · React

    相关词：表单与登录

    来源说明2026-10-21

  9. QR Code Scan Login Form with Password Fallback

    组件 · 具体条目入口 · React

    相关词：表单与登录

    来源说明2026-10-21

  10. Usage Slider Pricing Comparison Table

    组件 · 具体条目入口 · React

    相关词：选择器与开关、表格与列表、布局与页面区块

    来源说明2026-10-21

  11. Branching Reasoning AI Chat Input

    组件 · 具体条目入口 · React

    相关词：输入框与搜索、AI 与聊天

    来源说明2026-10-21

  12. Plan Finder Pricing Comparison Table

    组件 · 具体条目入口 · React

    相关词：表格与列表、布局与页面区块

    来源说明2026-10-21

  13. Two-Plan Diff Pricing Comparison Table

    组件 · 具体条目入口 · React

    相关词：表格与列表、布局与页面区块

    来源说明2026-10-21

  14. Variable Proximity

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  15. Agent State

    组件 · 具体条目入口 · React

    相关词：AI 与聊天

    来源说明2026-10-21

  16. Meta Balls

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  17. Bento Grid

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  18. Particle Text

    视觉效果 · 具体条目入口 · React

    来源说明2026-10-21

  19. Dock

    组件 · 具体条目入口 · React

    相关词：导航与菜单

    来源说明2026-10-21

  20. Theme Toggle

    组件 · 具体条目入口 · React

    相关词：选择器与开关

    来源说明2026-10-21

  21. Hero Button

    组件 · 具体条目入口 · React

    相关词：按钮、布局与页面区块

    来源说明2026-10-21

  22. Violet Aurora Gradient Hero Background

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  23. Mint ASCII Dot Field Light Background

    视觉效果 · 具体条目入口 · React

    来源说明2026-10-21

  24. Shape

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  25. Light Mint Cream Gradient Hero Background

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  26. Violet ASCII Wave Hero Background

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  27. Teal Mist Waves Shader Background

    视觉效果 · 具体条目入口 · React

    来源说明2026-10-21

  28. Thinking Prompt Input

    组件 · 具体条目入口 · React

    相关词：输入框与搜索、AI 与聊天

    来源说明2026-10-21

  29. Light Amber Aurora Shader Background

    视觉效果 · 具体条目入口 · React

    来源说明2026-10-21

  30. Calm Violet Silk Shader Hero Background

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  31. Spotlight Pricing Comparison Table

    组件 · 具体条目入口 · React

    相关词：表格与列表、布局与页面区块

    来源说明2026-10-21

  32. Anchored action menu

    组件 · 具体条目入口 · React

    相关词：导航与菜单

    来源说明2026-10-21

  33. AI Mascot Input

    组件 · 具体条目入口 · React

    相关词：输入框与搜索

    来源说明2026-10-21

  34. Thinking Indicator

    组件 · 具体条目入口 · React

    相关词：AI 与聊天

    来源说明2026-10-21

  35. Identifier First Login

    组件 · 具体条目入口 · React

    相关词：表单与登录

    来源说明2026-10-21

  36. Thinking Dots

    组件 · 具体条目入口 · React

    相关词：AI 与聊天

    来源说明2026-10-21

  37. Facet Bloom Loader

    组件 · 具体条目入口 · React

    相关词：提示与状态

    来源说明2026-10-21

  38. Block UI

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  39. Research Report

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  40. Todo List

    组件 · 具体条目入口 · React

    相关词：表格与列表

    来源说明2026-10-21

  41. Count Badge

    组件 · 具体条目入口 · React

    相关词：提示与状态

    来源说明2026-10-21

  42. Email Progress Bar

    组件 · 具体条目入口 · React

    相关词：提示与状态

    来源说明2026-10-21

  43. Video Player

    组件 · 具体条目入口 · React

    相关词：图片与媒体

    来源说明2026-10-21

  44. Airplane Window Gallery

    组件 · 具体条目入口 · React

    相关词：图片与媒体

    来源说明2026-10-21

  45. File Tree

    组件 · 具体条目入口 · React

    相关词：表格与列表、上传与文件

    来源说明2026-10-21

  46. Follow Up

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  47. Feedback Dialog

    组件 · 具体条目入口 · React

    相关词：弹窗与抽屉

    来源说明2026-10-21

  48. new

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  49. Icons

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  50. New Password Form

    组件 · 具体条目入口 · React

    相关词：表单与登录

    来源说明2026-10-21

  51. Video Player

    组件 · 具体条目入口 · React

    相关词：图片与媒体

    来源说明2026-10-21

  52. Reset Password Form

    组件 · 具体条目入口 · React

    相关词：表单与登录

    来源说明2026-10-21

  53. Holo Card

    组件 · 具体条目入口 · React

    相关词：卡片

    来源说明2026-10-21

  54. Interactive Eye Tracker

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  55. Rounded Top Footer

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  56. Sign Up Flow

    组件 · 具体条目入口 · React

    相关词：表单与登录

    来源说明2026-10-21

  57. Ink Headline

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  58. Interactive Values Grid

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  59. ReUI trace - CSV import

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  60. ReUI trace - Dependency audit

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  61. ReUI time picker - Typable time input

    组件 · 具体条目入口 · React

    相关词：输入框与搜索、日期与时间

    来源说明2026-10-21

  62. ReUI time picker - 12-hour clock with seconds

    组件 · 具体条目入口 · React

    相关词：日期与时间

    来源说明2026-10-21