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

UI 组件库

21st

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

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

资源与访问条件

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

目录入口

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

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

  1. Processing Card

    组件 · 具体条目入口

    相关词:卡片

  2. Spinner Morph

    组件 · 具体条目入口

    相关词:加载、转圈

  3. Spinning Sphere

    组件 · 具体条目入口

  4. Theme Switch

    组件 · 具体条目入口

    相关词:开关

  5. Image Cursor Trail

    组件 · 具体条目入口

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

  6. Landing Page

    组件 · 具体条目入口

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

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

  7. Like Button

    组件 · 具体条目入口

    相关词:按钮

  8. Particles Bg

    组件 · 具体条目入口

    相关词:粒子

  9. Send Button

    组件 · 具体条目入口

    相关词:按钮

  10. Siri Orb

    组件 · 具体条目入口

  11. Star Button

    组件 · 具体条目入口

    相关词:按钮、星星、收藏

  12. Tags Select

    组件 · 具体条目入口

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

  13. Tunnel Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  14. Bloom Field Gradient

    组件 · 具体条目入口

    相关词:渐变

  15. Dark Mode

    组件 · 具体条目入口

  16. Light Mode

    组件 · 具体条目入口

  17. Seve

    组件 · 具体条目入口

  18. Builders Community Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  19. Contributors Section

    组件 · 具体条目入口

  20. Country Accordion

    组件 · 具体条目入口

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

  21. Hover Brand Logo

    组件 · 具体条目入口

    相关词:悬停、鼠标悬停

  22. Progress Metric Card

    组件 · 具体条目入口

    相关词:卡片、进度条

  23. Team Showcase

    组件 · 具体条目入口

  24. Silk Shader

    组件 · 具体条目入口

  25. Metaballs Shader

    组件 · 具体条目入口

  26. Shader Teal

    组件 · 具体条目入口

  27. Liquid Glass

    组件 · 具体条目入口

  28. 3D Card Effect

    组件 · 具体条目入口

    相关词:卡片、三维、3D

  29. 3D Globe

    组件 · 具体条目入口

    相关词:三维、3D

  30. 3D Marquee

    组件 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、三维、3D

  31. Animated Modal

    组件 · 具体条目入口

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

  32. Animated Testimonials

    组件 · 具体条目入口

    相关词:动画、动效

  33. Animated Tooltip

    组件 · 具体条目入口

    相关词:提示、气泡、工具提示、动画、动效

  34. Aurora Background

    组件 · 具体条目入口

    相关词:极光、渐变背景、背景

  35. Background Beams

    组件 · 具体条目入口

    相关词:背景

  36. Background Beams With Collision

    组件 · 具体条目入口

    相关词:背景

  37. Background Boxes

    组件 · 具体条目入口

    相关词:背景

  38. Background Gradient

    组件 · 具体条目入口

    相关词:渐变、背景

  39. Background Gradient Animation

    组件 · 具体条目入口

    相关词:渐变、背景、动画、动效

  40. Background Ripple Effect

    组件 · 具体条目入口

    相关词:背景、涟漪、波纹

  41. Badge

    组件 · 具体条目入口

    相关词:徽章、状态标签

  42. Bento Grid

    组件 · 具体条目入口

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

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

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

  43. Canvas Reveal Effect

    组件 · 具体条目入口

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

  44. Canvas Text

    组件 · 具体条目入口

    相关词:文字、文本

  45. Card Spotlight

    组件 · 具体条目入口

    相关词:卡片

  46. Card Stack

    组件 · 具体条目入口

    相关词:卡片

  47. Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  48. Cloud Shader

    组件 · 具体条目入口

  49. Code Block

    组件 · 具体条目入口

  50. Colourful Text

    组件 · 具体条目入口

    相关词:文字、文本

  51. Compare

    组件 · 具体条目入口

  52. Container Scroll Animation

    组件 · 具体条目入口

    相关词:滚动、动画、动效

  53. Container Text Flip

    组件 · 具体条目入口

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

  54. Cover

    组件 · 具体条目入口

  55. Diagram Card

    组件 · 具体条目入口

    相关词:卡片

  56. Direction Aware Hover

    组件 · 具体条目入口

    相关词:悬停、鼠标悬停

  57. Draggable Card

    组件 · 具体条目入口

    相关词:卡片、拖拽、拖动

  58. Encrypted Text

    组件 · 具体条目入口

    相关词:文字、文本

  59. Evervault Card

    组件 · 具体条目入口

    相关词:卡片

  60. Feature Block Animated Card

    组件 · 具体条目入口

    相关词:卡片、动画、动效

  61. Feature Section With Card Gradient

    组件 · 具体条目入口

    相关词:卡片、渐变

  62. Feature Section With Hover Effects

    组件 · 具体条目入口

    相关词:悬停、鼠标悬停

  63. File Upload

    组件 · 具体条目入口

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

  64. Flip Words

    组件 · 具体条目入口

    相关词:翻转

  65. Floating Dock

    组件 · 具体条目入口

    相关词:程序坞、导航

  66. Focus Cards

    组件 · 具体条目入口

    相关词:卡片

  67. Framer Motion Switch

    组件 · 具体条目入口

    相关词:开关、动画、动效

  68. Glare Card

    组件 · 具体条目入口

    相关词:卡片、反光、高光

  69. Glowing Background Stars Card

    组件 · 具体条目入口

    相关词:卡片、背景

  70. Glowing Effect

    组件 · 具体条目入口

  71. Glowing Stars

    组件 · 具体条目入口

  72. Gooey Input

    组件 · 具体条目入口

    相关词:输入框、液态、融合、形变

  73. Hero Highlight

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  74. Hero Parallax

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  75. Hero Section

    组件 · 具体条目入口

    相关词:首屏、主视觉

  76. Hover Border Gradient

    组件 · 具体条目入口

    相关词:悬停、鼠标悬停、渐变

  77. Infinite Moving Cards

    组件 · 具体条目入口

    相关词:卡片

  78. Keyboard

    组件 · 具体条目入口

  79. Lamp

    组件 · 具体条目入口

  80. Layout Grid

    组件 · 具体条目入口

    相关词:网格