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

UI 组件库

21st

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

进入原站读取本页 JSON

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

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

21st

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

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

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

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

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

访问条件与依据

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

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

历史资源与访问条件

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

目录入口

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

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

  1. FAQ Accordion Section

    组件 · 具体条目入口 · React

    相关词：折叠面板

    来源说明2026-10-21

  2. Voice Note

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  3. Countdown Timer

    组件 · 具体条目入口 · React

    相关词：日期与时间

    来源说明2026-10-21

  4. Video Player

    组件 · 具体条目入口 · React

    相关词：图片与媒体

    来源说明2026-10-21

  5. Stopwatch

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  6. Sortable List

    组件 · 具体条目入口 · React

    相关词：表格与列表

    来源说明2026-10-21

  7. Shaka Video

    组件 · 具体条目入口 · React

    相关词：图片与媒体

    来源说明2026-10-21

  8. Radio Group

    组件 · 具体条目入口 · React

    相关词：选择器与开关

    来源说明2026-10-21

  9. Split Button

    组件 · 具体条目入口 · React

    相关词：按钮

    来源说明2026-10-21

  10. Grained Gradient

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

    来源说明2026-10-21

  11. Unlumen Motion Faqs Accordion

    组件 · 具体条目入口 · React

    相关词：折叠面板

    来源说明2026-10-21

  12. Streaming Message

    组件 · 具体条目入口 · React

    相关词：AI 与聊天

    来源说明2026-10-21

  13. Inline Edit

    组件 · 具体条目入口 · React

    相关词：输入框与搜索

    来源说明2026-10-21

  14. black and white gradient

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

    来源说明2026-10-21

  15. Unlumen Orbiting Skills

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  16. motion blue gradient

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

    来源说明2026-10-21

  17. purple gradient

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

    来源说明2026-10-21

  18. Unlumen Animated List

    组件 · 具体条目入口 · React

    相关词：表格与列表

    来源说明2026-10-21

  19. Switch

    组件 · 具体条目入口 · React

    相关词：选择器与开关

    来源说明2026-10-21

  20. Memory Scope

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  21. Schedule Picker

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  22. acid power

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  23. Alarm Clock

    组件 · 具体条目入口 · React

    相关词：日期与时间

    来源说明2026-10-21

  24. Bloom Field gradient

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

    来源说明2026-10-21

  25. Alert

    组件 · 具体条目入口 · React

    相关词：提示与状态

    来源说明2026-10-21

  26. Experience Timeline Section

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  27. Accordion

    组件 · 具体条目入口 · React

    相关词：折叠面板

    来源说明2026-10-21

  28. Hero Section

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  29. Window Panel

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  30. house cyber

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  31. Bloom Field gradient

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

    来源说明2026-10-21

  32. Particle Title

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

    来源说明2026-10-21

  33. vivy

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  34. Violet Flowing Silk Shader

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

    来源说明2026-10-21

  35. home sat

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  36. Aurora Shader - Green

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

    来源说明2026-10-21

  37. AI Chat Button

    组件 · 具体条目入口 · React

    相关词：按钮、AI 与聊天

    来源说明2026-10-21

  38. Raked Sand Garden Background

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

    来源说明2026-10-21

  39. Liquid Sculpture Hero

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  40. Tabs

    组件 · 具体条目入口 · React

    相关词：导航与菜单

    来源说明2026-10-21

  41. Meeting Booking Calendar

    组件 · 具体条目入口 · React

    相关词：日期与时间

    来源说明2026-10-21

  42. 111

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  43. Frosted Window Background

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

    来源说明2026-10-21

  44. Silk Becker

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  45. Delivery progress

    组件 · 具体条目入口 · React

    相关词：提示与状态

    来源说明2026-10-21

  46. Ripped Denim Cloth Background

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

    来源说明2026-10-21

  47. Backdrop

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  48. xsdad

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  49. Theme Switch

    组件 · 具体条目入口 · React

    相关词：选择器与开关

    来源说明2026-10-21

  50. Black Hole

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  51. candelstick

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  52. Source Lens

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  53. Glass Fold

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  54. Halftone Wordmark Footer

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  55. Rangoli Preloader Animation

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  56. Harmal Singh

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  57. Glassmorphism Folder Cards

    组件 · 具体条目入口 · React

    相关词：卡片、上传与文件

    来源说明2026-10-21

  58. Harmal Singh

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  59. neuroserver1

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  60. Liquid Chrome Holographic Shader Background

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

    来源说明2026-10-21

  61. Grainy Flame Shader Background

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

    来源说明2026-10-21

  62. Variable Font Weight Preloader

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  63. Grainy Mesh Gradient Background

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

    来源说明2026-10-21

  64. Channel Strip

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  65. Green

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  66. creation of adam

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  67. Animated Tree View

    组件 · 具体条目入口 · React

    相关词：表格与列表

    来源说明2026-10-21

  68. Revenue Velocity

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

    来源说明2026-10-21

  69. Aurora Curtain

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

    来源说明2026-10-21

  70. Prompt Bond

    组件 · 具体条目入口 · React

    相关词：AI 与聊天

    来源说明2026-10-21

  71. Glowing Pricing Tiers

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  72. nehir

    组件 · 具体条目入口 · React

    相关词：其他组件

    来源说明2026-10-21

  73. Outcome Spinner Loader

    组件 · 具体条目入口 · React

    相关词：提示与状态

    来源说明2026-10-21

  74. Highlight Textarea

    组件 · 具体条目入口 · React

    相关词：输入框与搜索

    来源说明2026-10-21

  75. Highlight Testimonial Section

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  76. Staged Progress Bar

    组件 · 具体条目入口 · React

    相关词：提示与状态

    来源说明2026-10-21

  77. Resolving Alert Banner

    组件 · 具体条目入口 · React

    相关词：提示与状态

    来源说明2026-10-21

  78. Morph Dialog

    组件 · 具体条目入口 · React

    相关词：弹窗与抽屉

    来源说明2026-10-21

  79. Single Open Accordion

    组件 · 具体条目入口 · React

    相关词：折叠面板

    来源说明2026-10-21

  80. Editorial service list

    组件 · 具体条目入口 · React

    相关词：表格与列表

    来源说明2026-10-21