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

UI 组件库

21st

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

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

资源与访问条件

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

目录入口

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

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

  1. Fade Slide Tabs

    组件 · 具体条目入口

    相关词:标签页、选项卡、淡入、淡出

  2. Falling Symbols Background

    组件 · 具体条目入口

    相关词:背景

  3. Feature Accordion Section

    组件 · 具体条目入口

    相关词:手风琴、折叠面板

  4. Feature Highlight Pro Card

    组件 · 具体条目入口

    相关词:卡片

  5. Feature Section

    组件 · 具体条目入口

  6. Feature Section 1

    组件 · 具体条目入口

  7. Feature Showcase

    组件 · 具体条目入口

  8. Featured Crm Demo Section

    组件 · 具体条目入口

  9. Featured Section Stats

    组件 · 具体条目入口

  10. Features Detail

    组件 · 具体条目入口

    相关词:功能区

  11. File Tree

    组件 · 具体条目入口

    相关词:树形列表、文件

  12. File Tree 1

    组件 · 具体条目入口

    相关词:树形列表、文件

  13. File Upload

    组件 · 具体条目入口

    相关词:上传、文件上传、文件

  14. Fixed Header Footer Table

    组件 · 具体条目入口

    相关词:表格、数据表格、页脚

  15. Flexi Filter Table

    组件 · 具体条目入口

    相关词:表格、数据表格

  16. Flip Card

    组件 · 具体条目入口

    相关词:卡片、翻转

  17. Flip Clock

    组件 · 具体条目入口

    相关词:翻转

  18. Floating Icons Loader

    组件 · 具体条目入口

    相关词:加载、加载动画、图标

  19. Floating Input

    组件 · 具体条目入口

    相关词:输入框

  20. Floating Nav

    组件 · 具体条目入口

  21. Footer 1

    组件 · 具体条目入口

    相关词:页脚

  22. Futuristic Nav

    组件 · 具体条目入口

  23. Gallery Hover Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图、悬停、鼠标悬停、画廊、图片展示

  24. Gamified Login Card

    组件 · 具体条目入口

    相关词:卡片、登录、登陆

  25. Globe

    组件 · 具体条目入口

  26. Globe Feature Section

    组件 · 具体条目入口

  27. Glow Tree

    组件 · 具体条目入口

    相关词:树形列表、发光、光晕

  28. Gooey Dock

    组件 · 具体条目入口

    相关词:程序坞、导航、液态、融合、形变

  29. Gooey Pagination

    组件 · 具体条目入口

    相关词:分页、液态、融合、形变

  30. Gradient Bold Card

    组件 · 具体条目入口

    相关词:卡片、渐变

  31. Gradient Chat Input

    组件 · 具体条目入口

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

  32. Gradient Reveal Text

    组件 · 具体条目入口

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

  33. Halo Reel

    组件 · 具体条目入口

  34. Health Stat Card

    组件 · 具体条目入口

    相关词:卡片

  35. Heatmap Calendar

    组件 · 具体条目入口

    相关词:日历、热力图

  36. Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  37. Hero Page

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  38. Hero Preview Walls

    组件 · 具体条目入口

    相关词:首屏、主视觉

    已核验画面:左对齐首屏、浅色、鲜明色彩 · 2026-10-18

    标签对应原站具体 selected demo 的默认桌面预览;没有把静态预览或源码检查当作浏览器交互验收。未判断的标签仍保持未知。

  39. Hero Section With Gradient

    组件 · 具体条目入口

    相关词:首屏、主视觉、渐变

  40. Hero Section06

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  41. Home Section

    组件 · 具体条目入口

    相关词:首页、房子

  42. Horizon Glow Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉、发光、光晕

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

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

  43. Hover Gradient Nav Bar

    组件 · 具体条目入口

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

  44. Hover Play Card

    组件 · 具体条目入口

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

  45. Hybrid Tabs

    组件 · 具体条目入口

    相关词:标签页、选项卡

  46. Icon Grid Button

    组件 · 具体条目入口

    相关词:按钮、网格、图标

  47. Icon Label Subtext Button

    组件 · 具体条目入口

    相关词:按钮、图标

  48. Icon Pagination

    组件 · 具体条目入口

    相关词:分页、图标

  49. Identity Verification Dialog

    组件 · 具体条目入口

    相关词:弹窗、对话框、模态框

  50. Image Cropper

    组件 · 具体条目入口

    相关词:图片

  51. Image Stream Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉、图片

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

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

  52. Inbox Calendar

    组件 · 具体条目入口

    相关词:日历

  53. Info Cards Table

    组件 · 具体条目入口

    相关词:表格、数据表格、卡片

  54. Inline Analytics Table

    组件 · 具体条目入口

    相关词:表格、数据表格

  55. Inline Copy Input

    组件 · 具体条目入口

    相关词:输入框

  56. Input With Select

    组件 · 具体条目入口

    相关词:输入框、选择器、下拉选择

  57. Integration Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  58. Integrations Section

    组件 · 具体条目入口

  59. Interactive Button

    组件 · 具体条目入口

    相关词:按钮

  60. Interactive Image Gallery

    组件 · 具体条目入口

    相关词:图片、画廊、图片展示

  61. Job Slider

    组件 · 具体条目入口

    相关词:滑块、滑杆

  62. Live Preview Style Select

    组件 · 具体条目入口

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

  63. Load Ripple

    组件 · 具体条目入口

    相关词:涟漪、波纹

  64. Loader

    组件 · 具体条目入口

    相关词:加载、加载动画

  65. Loading Circle

    组件 · 具体条目入口

    相关词:加载、加载动画

  66. Login Card

    组件 · 具体条目入口

    相关词:卡片、登录、登陆

  67. Magnetic Dock

    组件 · 具体条目入口

    相关词:程序坞、导航

  68. Magnetic Tabs

    组件 · 具体条目入口

    相关词:标签页、选项卡

  69. Mail Checker Input

    组件 · 具体条目入口

    相关词:输入框、邮件、信封

  70. Minimal Payment Modal

    组件 · 具体条目入口

    相关词:弹窗、对话框、模态框

  71. Minimisable Table

    组件 · 具体条目入口

    相关词:表格、数据表格

  72. Modern Payment Form

    组件 · 具体条目入口

    相关词:表单

  73. Monthly Heatmap Calendar

    组件 · 具体条目入口

    相关词:日历、热力图

  74. Morphing Page Dots

    组件 · 具体条目入口

  75. Mouse Spark

    组件 · 具体条目入口

  76. Multi Media Testimonial

    组件 · 具体条目入口

    相关词:用户评价

  77. Multi Month Calendar

    组件 · 具体条目入口

    相关词:日历

  78. Multi Orbit Semi Circle

    组件 · 具体条目入口

  79. Multi Select Calendar Card

    组件 · 具体条目入口

    相关词:选择器、下拉选择、卡片、日历

  80. Multi Step Button

    组件 · 具体条目入口

    相关词:按钮