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

UI 组件库

21st

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

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

资源与访问条件

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

目录入口

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

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

  1. Cinematic Orbit Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  2. Cinematic Studio Switch

    组件 · 具体条目入口

    相关词:开关

  3. Constellation Grid

    组件 · 具体条目入口

    相关词:网格

  4. Cube Loader

    组件 · 具体条目入口

    相关词:加载、加载动画

  5. Elastic Gallery

    组件 · 具体条目入口

    相关词:画廊、图片展示

  6. Flip Disk Matrix

    组件 · 具体条目入口

    相关词:翻转

  7. Fluid Flow Grid

    组件 · 具体条目入口

    相关词:网格

  8. Glare Cards

    组件 · 具体条目入口

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

  9. Glitch Text Animation

    组件 · 具体条目入口

    相关词:文字、文本、动画、动效

  10. Harmonic Wave

    组件 · 具体条目入口

  11. Helix Chrono Matrix

    组件 · 具体条目入口

  12. Hero Shutter Text

    组件 · 具体条目入口

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

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

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

  13. Holographic Foil Card

    组件 · 具体条目入口

    相关词:卡片

  14. Hover Terminal

    组件 · 具体条目入口

    相关词:悬停、鼠标悬停、终端

  15. Hyper Grid

    组件 · 具体条目入口

    相关词:网格

  16. Hyperdimensional Voxel Cube

    组件 · 具体条目入口

  17. Industrial Switch

    组件 · 具体条目入口

    相关词:开关

  18. Iso Fader

    组件 · 具体条目入口

  19. Kaleidoscope Symmetry

    组件 · 具体条目入口

  20. Kinetic Dots Loader

    组件 · 具体条目入口

    相关词:加载、加载动画

  21. Kinetic Matrix

    组件 · 具体条目入口

  22. Kinetic Particle Fabric

    组件 · 具体条目入口

    相关词:粒子

  23. Kinetic Team Hybrid

    组件 · 具体条目入口

  24. Lattice Background

    组件 · 具体条目入口

    相关词:背景

  25. Liquid Grid Text

    组件 · 具体条目入口

    相关词:网格、文字、文本

  26. Logo Cloud

    组件 · 具体条目入口

  27. Lorenz Attractor

    组件 · 具体条目入口

  28. Metaball Morph

    组件 · 具体条目入口

  29. Moire Shear Field

    组件 · 具体条目入口

  30. Murmuration Boids

    组件 · 具体条目入口

  31. Neo Brutalist Kinetic Deck

    组件 · 具体条目入口

  32. Neon Mesh

    组件 · 具体条目入口

  33. Next Reveal

    组件 · 具体条目入口

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

  34. Panoramic Spread Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  35. Phyllotaxis Bloom

    组件 · 具体条目入口

  36. Pillar Grid

    组件 · 具体条目入口

    相关词:网格

  37. Profile Card

    组件 · 具体条目入口

    相关词:卡片

  38. Quantum Cloud Loader

    组件 · 具体条目入口

    相关词:加载、加载动画

  39. Quantum Flux

    组件 · 具体条目入口

  40. Quantum Swarm

    组件 · 具体条目入口

  41. Radial Burst

    组件 · 具体条目入口

  42. Radial Spread Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  43. Reveal Image Mask

    组件 · 具体条目入口

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

  44. Rolling List

    组件 · 具体条目入口

    相关词:列表

  45. Scroll Triggered Video Hero

    组件 · 具体条目入口

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

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

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

  46. Singularity

    组件 · 具体条目入口

  47. Slanted Spread Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  48. Spatial Depth Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  49. Spatial Product Showcase

    组件 · 具体条目入口

  50. Split Axis Convergence

    组件 · 具体条目入口

  51. Stack Spread

    组件 · 具体条目入口

  52. Text Block Animation

    组件 · 具体条目入口

    相关词:文字、文本、动画、动效

  53. Text Reveal

    组件 · 具体条目入口

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

  54. Tweet Card

    组件 · 具体条目入口

    相关词:卡片

  55. Voxel Matrix

    组件 · 具体条目入口

  56. Voxel Topography Grid

    组件 · 具体条目入口

    相关词:网格

  57. Wave Field

    组件 · 具体条目入口

  58. Wave Text

    组件 · 具体条目入口

    相关词:文字、文本

  59. 3D Ascii Model Viewer

    组件 · 具体条目入口

    相关词:三维、3D

  60. Gradient Shader Card

    组件 · 具体条目入口

    相关词:卡片、渐变

  61. De Grade S Bleu

    组件 · 具体条目入口

  62. Animated Gradient With Svg

    组件 · 具体条目入口

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

  63. Basic Number Ticker

    组件 · 具体条目入口

  64. Box Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  65. Breathing Text

    组件 · 具体条目入口

    相关词:文字、文本

  66. Css Box

    组件 · 具体条目入口

  67. Elastic Line

    组件 · 具体条目入口

    相关词:折线、线条

  68. Image Trail

    组件 · 具体条目入口

    相关词:图片

  69. Letter 3D Swap

    组件 · 具体条目入口

    相关词:三维、3D

  70. Letter Swap

    组件 · 具体条目入口

  71. Marquee Along Svg Path

    组件 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表

  72. Parallax Floating

    组件 · 具体条目入口

  73. Pixel Trail

    组件 · 具体条目入口

  74. Random Letter Swap

    组件 · 具体条目入口

  75. Scramble Hover

    组件 · 具体条目入口

    相关词:悬停、鼠标悬停

  76. Scroll And Swap Text

    组件 · 具体条目入口

    相关词:滚动、文字、文本

  77. Stacking Cards

    组件 · 具体条目入口

    相关词:卡片

  78. Text Along Path

    组件 · 具体条目入口

    相关词:文字、文本

  79. Text Cursor Proximity

    组件 · 具体条目入口

    相关词:光标、鼠标、指针、文字、文本

  80. Text Highlighter

    组件 · 具体条目入口

    相关词:文字、文本