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

UI 组件库

21st

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

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

资源与访问条件

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

目录入口

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

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

  1. Love Story

    组件 · 具体条目入口

  2. Ask Ai

    组件 · 具体条目入口

    相关词:AI、人工智能

  3. Model Picker

    组件 · 具体条目入口

  4. Save Button

    组件 · 具体条目入口

    相关词:按钮

  5. Card

    组件 · 具体条目入口

    相关词:卡片

  6. Card With Cross Patter

    组件 · 具体条目入口

    相关词:卡片

  7. Card With Ellipsis Pattern

    组件 · 具体条目入口

    相关词:卡片

  8. Card With Grid Ellipsis Pattern

    组件 · 具体条目入口

    相关词:卡片、网格

  9. Card With Grid Pattern

    组件 · 具体条目入口

    相关词:卡片、网格

  10. Card With Lines Patter

    组件 · 具体条目入口

    相关词:卡片

  11. Card With Noise Patter

    组件 · 具体条目入口

    相关词:卡片

  12. Navbar

    组件 · 具体条目入口

    相关词:导航栏

  13. Chat Input

    组件 · 具体条目入口

    相关词:输入框、聊天、对话

  14. Chat Suggestions

    组件 · 具体条目入口

    相关词:聊天、对话

  15. Editable Handle

    组件 · 具体条目入口

  16. Model Selector

    组件 · 具体条目入口

  17. Status Edge

    组件 · 具体条目入口

  18. Tool

    组件 · 具体条目入口

  19. Tool Invocation

    组件 · 具体条目入口

  20. Astryx Aspect Ratio

    组件 · 具体条目入口

  21. Astryx Avatar

    组件 · 具体条目入口

    相关词:头像

  22. Astryx Avatar Group

    组件 · 具体条目入口

    相关词:头像

  23. Astryx Badge

    组件 · 具体条目入口

    相关词:徽章、状态标签

  24. Astryx Banner

    组件 · 具体条目入口

  25. Astryx Blockquote

    组件 · 具体条目入口

  26. Astryx Breadcrumbs

    组件 · 具体条目入口

  27. Astryx Button

    组件 · 具体条目入口

    相关词:按钮

  28. Astryx Button Group

    组件 · 具体条目入口

    相关词:按钮

  29. Astryx Toggle Button

    组件 · 具体条目入口

    相关词:按钮、切换、开关

  30. Datetime Picker

    组件 · 具体条目入口

  31. Action Button

    组件 · 具体条目入口

    相关词:按钮

  32. Button Group With Icons

    组件 · 具体条目入口

    相关词:按钮、图标

  33. Display Cards

    组件 · 具体条目入口

    相关词:卡片

  34. Floating Action Panel

    组件 · 具体条目入口

  35. Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

    已核验画面:左对齐首屏、浅色、简洁留白 · 2026-10-14

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

  36. Hero Badge

    组件 · 具体条目入口

    相关词:徽章、状态标签、首屏、主视觉

  37. Popover

    组件 · 具体条目入口

    相关词:气泡、弹出框

  38. Previous Next Button Group

    组件 · 具体条目入口

    相关词:按钮

  39. Pricing

    组件 · 具体条目入口

    相关词:定价、价格

  40. Timeline

    组件 · 具体条目入口

  41. Use Expandable

    组件 · 具体条目入口

  42. Slot Text

    组件 · 具体条目入口

    相关词:文字、文本

  43. Shader Clock

    组件 · 具体条目入口

  44. Custom Checkbox

    组件 · 具体条目入口

    相关词:复选框、多选框

  45. Scroll Velocity

    组件 · 具体条目入口

    相关词:滚动

  46. Toggle

    组件 · 具体条目入口

    相关词:切换、开关

  47. Audio Player

    组件 · 具体条目入口

  48. Bar Visualizer

    组件 · 具体条目入口

    相关词:柱状图

  49. Live Waveform

    组件 · 具体条目入口

  50. Orb

    组件 · 具体条目入口

  51. Response

    组件 · 具体条目入口

  52. Shimmering Text

    组件 · 具体条目入口

    相关词:文字、文本

  53. Voice Picker

    组件 · 具体条目入口

  54. Waveform

    组件 · 具体条目入口

  55. Hover Zoom

    组件 · 具体条目入口

    相关词:悬停、鼠标悬停

  56. Text Glow Hover

    组件 · 具体条目入口

    相关词:悬停、鼠标悬停、发光、光晕、文字、文本

  57. Tilt Card

    组件 · 具体条目入口

    相关词:卡片

  58. Unsave Popup

    组件 · 具体条目入口

  59. Earth Blaze

    组件 · 具体条目入口

  60. Glyph Portal

    组件 · 具体条目入口

  61. Allocation Echarts Sankey Chart

    组件 · 具体条目入口

    相关词:图表

  62. Area Chart

    组件 · 具体条目入口

    相关词:图表

  63. Background

    组件 · 具体条目入口

    相关词:背景

  64. Bar Chart

    组件 · 具体条目入口

    相关词:图表、柱状图

  65. Cpu Architecture

    组件 · 具体条目入口

  66. Echarts Sankey Chart

    组件 · 具体条目入口

    相关词:图表

  67. Hover Trace Bar Chart

    组件 · 具体条目入口

    相关词:图表、柱状图、悬停、鼠标悬停

  68. Legion Web Dev

    组件 · 具体条目入口

  69. Line Chart

    组件 · 具体条目入口

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

  70. Monospace Bar Chart

    组件 · 具体条目入口

    相关词:图表、柱状图

  71. Pie Chart

    组件 · 具体条目入口

    相关词:图表、饼图

  72. Pipeline Echarts Sankey Chart

    组件 · 具体条目入口

    相关词:图表

  73. Radar Chart

    组件 · 具体条目入口

    相关词:图表

  74. Cinematic Product Scroll Section

    组件 · 具体条目入口

    相关词:滚动

  75. Activity Dropdown

    组件 · 具体条目入口

    相关词:下拉菜单

  76. Cpu Architecture

    组件 · 具体条目入口

  77. Inverted Cursor

    组件 · 具体条目入口

    相关词:光标、鼠标、指针

  78. Location Map

    组件 · 具体条目入口

    相关词:地图

  79. Logo Loop

    组件 · 具体条目入口

  80. Logo Timeline

    组件 · 具体条目入口