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

UI 组件库

21st

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

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

资源与访问条件

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

目录入口

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

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

  1. Heroui Date Picker

    组件 · 具体条目入口

    相关词:日期选择器、首屏、主视觉

  2. Heroui Date Range Picker

    组件 · 具体条目入口

    相关词:首屏、主视觉

  3. Heroui Description

    组件 · 具体条目入口

    相关词:首屏、主视觉

  4. Heroui Disclosure

    组件 · 具体条目入口

    相关词:首屏、主视觉

  5. Heroui Disclosure Group

    组件 · 具体条目入口

    相关词:首屏、主视觉

  6. Heroui Drawer

    组件 · 具体条目入口

    相关词:抽屉、首屏、主视觉

  7. Heroui Dropdown

    组件 · 具体条目入口

    相关词:下拉菜单、首屏、主视觉

  8. Heroui Field Error

    组件 · 具体条目入口

    相关词:首屏、主视觉

  9. Heroui Form

    组件 · 具体条目入口

    相关词:表单、首屏、主视觉

  10. Heroui Input

    组件 · 具体条目入口

    相关词:输入框、首屏、主视觉

  11. Heroui Input Group

    组件 · 具体条目入口

    相关词:输入框、首屏、主视觉

  12. Heroui Input Otp

    组件 · 具体条目入口

    相关词:输入框、首屏、主视觉

  13. Heroui Label

    组件 · 具体条目入口

    相关词:首屏、主视觉

  14. Heroui List Box

    组件 · 具体条目入口

    相关词:列表、首屏、主视觉

  15. Heroui Meter

    组件 · 具体条目入口

    相关词:首屏、主视觉

  16. Heroui Number Field

    组件 · 具体条目入口

    相关词:首屏、主视觉

  17. Heroui Progress Bar

    组件 · 具体条目入口

    相关词:柱状图、首屏、主视觉、进度条

  18. Heroui Radio Group

    组件 · 具体条目入口

    相关词:单选框、首屏、主视觉

  19. Heroui Range Calendar

    组件 · 具体条目入口

    相关词:日历、首屏、主视觉

  20. Heroui Scroll Shadow

    组件 · 具体条目入口

    相关词:首屏、主视觉、滚动

  21. Heroui Search Field

    组件 · 具体条目入口

    相关词:首屏、主视觉、搜索

  22. Heroui Select

    组件 · 具体条目入口

    相关词:选择器、下拉选择、首屏、主视觉

  23. Heroui Separator

    组件 · 具体条目入口

    相关词:首屏、主视觉

  24. Heroui Slider

    组件 · 具体条目入口

    相关词:滑块、滑杆、首屏、主视觉

  25. Heroui Spinner

    组件 · 具体条目入口

    相关词:首屏、主视觉、加载、转圈

  26. Heroui Switch

    组件 · 具体条目入口

    相关词:开关、首屏、主视觉

  27. Heroui Table

    组件 · 具体条目入口

    相关词:表格、数据表格、首屏、主视觉

  28. Heroui Tag Group

    组件 · 具体条目入口

    相关词:标签、首屏、主视觉

  29. Heroui Text Area

    组件 · 具体条目入口

    相关词:首屏、主视觉、文字、文本

  30. Heroui Time Field

    组件 · 具体条目入口

    相关词:首屏、主视觉

  31. Heroui Toggle Button

    组件 · 具体条目入口

    相关词:按钮、切换、开关、首屏、主视觉

  32. Heroui Toolbar

    组件 · 具体条目入口

    相关词:首屏、主视觉

  33. Heroui Tooltip

    组件 · 具体条目入口

    相关词:提示、气泡、工具提示、首屏、主视觉

  34. Skeleton

    组件 · 具体条目入口

    相关词:首屏、主视觉、骨架屏、加载

  35. The Pagination

    组件 · 具体条目入口

    相关词:分页、首屏、主视觉

  36. Faq 1

    组件 · 具体条目入口

    相关词:常见问题

  37. Faq 2

    组件 · 具体条目入口

    相关词:常见问题

  38. Footer 1

    组件 · 具体条目入口

    相关词:页脚

  39. Bar Chart

    组件 · 具体条目入口

    相关词:图表、柱状图

  40. Knowledge Graph

    组件 · 具体条目入口

  41. Line Chart

    组件 · 具体条目入口

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

  42. Pie Chart

    组件 · 具体条目入口

    相关词:图表、饼图

  43. Radar Chart

    组件 · 具体条目入口

    相关词:图表

  44. Scatter Chart

    组件 · 具体条目入口

    相关词:图表

  45. Tool Calls Section

    组件 · 具体条目入口

  46. Wave Spinner

    组件 · 具体条目入口

    相关词:加载、转圈

  47. Cursor Dither Trail

    组件 · 具体条目入口

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

  48. Circle Progress

    组件 · 具体条目入口

    相关词:进度条

  49. Use Item Overflow

    组件 · 具体条目入口

  50. Magnetic Liquid Button

    组件 · 具体条目入口

    相关词:按钮

  51. Reveal Wave Image

    组件 · 具体条目入口

    相关词:揭示、出现、入场、图片

  52. Blue Halftone

    组件 · 具体条目入口

  53. Chromatic Text Reveal

    组件 · 具体条目入口

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

  54. Multiple Selector

    组件 · 具体条目入口

  55. Grainient Images Section

    组件 · 具体条目入口

  56. Music Video Pin Stack

    组件 · 具体条目入口

    相关词:视频、音乐

  57. Path Drawing Portfolio Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

  58. Pixel Arc Loader

    组件 · 具体条目入口

    相关词:加载、加载动画

  59. Sakura Editorial Poster

    组件 · 具体条目入口

  60. Art Gallery Girl

    组件 · 具体条目入口

    相关词:画廊、图片展示

  61. Flip Text

    组件 · 具体条目入口

    相关词:文字、文本、翻转

  62. Bolt Style Chat

    组件 · 具体条目入口

    相关词:聊天、对话

  63. Hero Grid Section

    组件 · 具体条目入口

    相关词:网格、首屏、主视觉

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

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

  64. Interactive Hover Links

    组件 · 具体条目入口

    相关词:悬停、鼠标悬停

  65. Shifting Dropdown

    组件 · 具体条目入口

    相关词:下拉菜单

  66. Tinder Like Swipe

    组件 · 具体条目入口

    相关词:滑动、手势

  67. Arc Flow Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  68. Arrow Fill Button

    组件 · 具体条目入口

    相关词:按钮、箭头

  69. Block Transition

    组件 · 具体条目入口

  70. Border Beam

    组件 · 具体条目入口

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

  71. Cards Rotate Slider

    组件 · 具体条目入口

    相关词:滑块、滑杆、卡片

  72. Chess Grid Transition

    组件 · 具体条目入口

    相关词:网格

  73. Chromatic Text

    组件 · 具体条目入口

    相关词:文字、文本

  74. Circular Split Roll

    组件 · 具体条目入口

    相关词:环形、圆形

  75. Depth Flip Text

    组件 · 具体条目入口

    相关词:文字、文本、翻转

  76. Dimensional Switch Slider

    组件 · 具体条目入口

    相关词:滑块、滑杆、开关

  77. Directional Menu

    组件 · 具体条目入口

    相关词:菜单

  78. Dot Transition

    组件 · 具体条目入口

  79. Dotted Grid

    组件 · 具体条目入口

    相关词:网格

  80. Dotted Trail Cursor

    组件 · 具体条目入口

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