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

UI 组件库

21st

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

公开目录 · 2026-10-13。来自官网可见目录或公开站点地图;不包含未公开、登录后或尚未发布的内容。

资源与访问条件

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

目录入口

共 8,589 条记录,本页显示 3841–3920 条。每页最多 80 条;直接点击名称进入已保存的真实网址。

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

  1. Activity Heatmap

    组件 · 具体条目入口

    相关词:热力图

  2. Brush Chart

    组件 · 具体条目入口

    相关词:图表

  3. Card Stack

    组件 · 具体条目入口

    相关词:卡片

  4. Chip Group

    组件 · 具体条目入口

  5. Combobox

    组件 · 具体条目入口

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

  6. Comment Thread

    组件 · 具体条目入口

  7. Date Range Picker

    组件 · 具体条目入口

  8. Expandable Card

    组件 · 具体条目入口

    相关词:卡片

  9. Filter Toolbar

    组件 · 具体条目入口

  10. Hover Card

    组件 · 具体条目入口

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

  11. Image Compare

    组件 · 具体条目入口

    相关词:图片

  12. Line Chart

    组件 · 具体条目入口

    相关词:图表、折线、线条

  13. Multi Select

    组件 · 具体条目入口

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

  14. Ridgeline

    组件 · 具体条目入口

  15. Segmented Control

    组件 · 具体条目入口

  16. Signature Pad

    组件 · 具体条目入口

  17. Slider

    组件 · 具体条目入口

    相关词:滑块、滑杆

  18. Slope Chart

    组件 · 具体条目入口

    相关词:图表

  19. Sortable Data Table

    组件 · 具体条目入口

    相关词:表格、数据表格、排序、拖拽

  20. Sparkline

    组件 · 具体条目入口

  21. Split Button

    组件 · 具体条目入口

    相关词:按钮

  22. Stats Band

    组件 · 具体条目入口

  23. Switch

    组件 · 具体条目入口

    相关词:开关

  24. Tabs

    组件 · 具体条目入口

    相关词:标签页、选项卡

  25. Text Reveal

    组件 · 具体条目入口

    相关词:揭示、出现、入场、文字、文本

  26. Timeline

    组件 · 具体条目入口

  27. Usage Meter

    组件 · 具体条目入口

  28. User Menu

    组件 · 具体条目入口

    相关词:菜单、用户

  29. Progressive Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

    已核验画面:居中首屏、深色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面,不代表完整网站的所有页面;组件颜色可能可配置。

  30. Mtfuji

    组件 · 具体条目入口

  31. Ai Agent Input

    组件 · 具体条目入口

    相关词:输入框、AI、人工智能、智能体

  32. Code Block

    组件 · 具体条目入口

  33. File Diff

    组件 · 具体条目入口

    相关词:文件

  34. Image Generation

    组件 · 具体条目入口

    相关词:图片

  35. Inline Citations

    组件 · 具体条目入口

  36. Orbs Helix

    组件 · 具体条目入口

  37. Orbs Lens

    组件 · 具体条目入口

  38. Orbs Morph

    组件 · 具体条目入口

  39. Orbs Ring

    组件 · 具体条目入口

  40. Task List

    组件 · 具体条目入口

    相关词:列表

  41. Thinking Reasoning

    组件 · 具体条目入口

    相关词:思考状态

  42. Web Search

    组件 · 具体条目入口

    相关词:搜索

  43. Lahit

    组件 · 具体条目入口

  44. 111

    组件 · 具体条目入口

  45. Admit One Ticket

    组件 · 具体条目入口

  46. Background Gradient Snippet

    组件 · 具体条目入口

    相关词:渐变、背景

  47. Background Snippets Noise Effect11

    组件 · 具体条目入口

    相关词:背景

  48. Bento Features

    组件 · 具体条目入口

    相关词:模块化布局、格子、卡片、功能区

    已核验画面:Bento 功能网格、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面,不代表完整网站的所有页面;组件颜色可能可配置。

  49. Bento Monochrome

    组件 · 具体条目入口

    相关词:模块化布局、格子、卡片

    已核验画面:Bento 功能网格、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面,不代表完整网站的所有页面;组件颜色可能可配置。

  50. Bento Monochrome 1

    组件 · 具体条目入口

    相关词:模块化布局、格子、卡片

    已核验画面:Bento 功能网格、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面,不代表完整网站的所有页面;组件颜色可能可配置。

  51. Blueprint Gradient Mesh

    组件 · 具体条目入口

    相关词:渐变

  52. Border Beam

    组件 · 具体条目入口

    相关词:光束、发光边框、流光边框

  53. Border Beam Button

    组件 · 具体条目入口

    相关词:按钮、光束、发光边框、流光边框

  54. Border Beam Search

    组件 · 具体条目入口

    相关词:搜索、光束、发光边框、流光边框

  55. Expand On Hover

    组件 · 具体条目入口

    相关词:悬停、鼠标悬停

  56. Expanded Tabs

    组件 · 具体条目入口

    相关词:标签页、选项卡

  57. Hero Ascii

    组件 · 具体条目入口

    相关词:首屏、主视觉

    已核验画面:左右分栏、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面,不代表完整网站的所有页面;组件颜色可能可配置。

  58. Hero Ascii One

    组件 · 具体条目入口

    相关词:首屏、主视觉

    已核验画面:左右分栏、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面,不代表完整网站的所有页面;组件颜色可能可配置。

  59. Hole Reveal Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉、揭示、出现、入场

    已核验画面:居中首屏、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面,不代表完整网站的所有页面;组件颜色可能可配置。

  60. Metal Fx

    组件 · 具体条目入口

  61. Metal Upgrade Button

    组件 · 具体条目入口

    相关词:按钮

  62. Navigation Menu

    组件 · 具体条目入口

    相关词:菜单、导航

  63. Noise Dark Blue Gradient With Squares

    组件 · 具体条目入口

    相关词:渐变

  64. Reui Button Group

    组件 · 具体条目入口

    相关词:按钮

  65. Reui Filters

    组件 · 具体条目入口

  66. Reui Phone Input

    组件 · 具体条目入口

    相关词:输入框

  67. Thinking Orbs

    组件 · 具体条目入口

    相关词:思考状态

  68. Activity Stats Card

    组件 · 具体条目入口

    相关词:卡片

  69. Alert Banner

    组件 · 具体条目入口

    相关词:警告、提示

  70. Alert Toast

    组件 · 具体条目入口

    相关词:警告、提示、消息提示、轻提示

  71. Audio Show Creator

    组件 · 具体条目入口

  72. Bento Grid

    组件 · 具体条目入口

    相关词:模块化布局、格子、卡片、网格

    已核验画面:Bento 功能网格、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面,不代表完整网站的所有页面;组件颜色可能可配置。

  73. Card

    组件 · 具体条目入口

    相关词:卡片

  74. Card 1

    组件 · 具体条目入口

    相关词:卡片

  75. Card 11

    组件 · 具体条目入口

    相关词:卡片

  76. Card 2

    组件 · 具体条目入口

    相关词:卡片

  77. Card 3

    组件 · 具体条目入口

    相关词:卡片

  78. Card 4

    组件 · 具体条目入口

    相关词:卡片

  79. Card 5

    组件 · 具体条目入口

    相关词:卡片

  80. Card 6

    组件 · 具体条目入口

    相关词:卡片