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

UI 组件库

21st

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

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

资源与访问条件

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

目录入口

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

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

  1. Treemap Chart

    组件 · 具体条目入口

    相关词:图表

  2. Voronoi

    组件 · 具体条目入口

  3. Word Cloud

    组件 · 具体条目入口

  4. Zoom

    组件 · 具体条目入口

  5. Orb Shader

    组件 · 具体条目入口

  6. 2 Shader

    组件 · 具体条目入口

  7. C Shader

    组件 · 具体条目入口

  8. Hero Scroll Video Pin Reveal

    组件 · 具体条目入口

    相关词:首屏、主视觉、滚动、揭示、出现、入场、视频

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

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

  9. Home Hero Landing Scroll Animation

    组件 · 具体条目入口

    相关词:首屏、主视觉、滚动、动画、动效、首页、房子

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

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

  10. Imgtext Reveal Scroll Animation

    组件 · 具体条目入口

    相关词:滚动、揭示、出现、入场、动画、动效

  11. Inversion Circle Scroll Animation

    组件 · 具体条目入口

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

  12. Lip Scroll Zoomin Animation

    组件 · 具体条目入口

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

  13. Reveal Text

    组件 · 具体条目入口

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

  14. Text Animation

    组件 · 具体条目入口

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

  15. Woodpeck Hero Landing Animation

    组件 · 具体条目入口

    相关词:首屏、主视觉、动画、动效

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

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

  16. Work Page Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  17. Glassmorphism Navigation

    组件 · 具体条目入口

    相关词:导航

  18. Inline Dropdown

    组件 · 具体条目入口

    相关词:下拉菜单

  19. Group Chat

    组件 · 具体条目入口

    相关词:聊天、对话

  20. User Table

    组件 · 具体条目入口

    相关词:表格、数据表格、用户

  21. Waves Shader

    组件 · 具体条目入口

  22. Interactive Folder Gallery

    组件 · 具体条目入口

    相关词:画廊、图片展示、文件夹

  23. Interactive Tech Stack Builder

    组件 · 具体条目入口

  24. Lunar Gravity Card

    组件 · 具体条目入口

    相关词:卡片

  25. Magic Dust Shader

    组件 · 具体条目入口

  26. Robot Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  27. Volumetric Studio

    组件 · 具体条目入口

  28. Red Golden Background

    组件 · 具体条目入口

    相关词:背景

  29. Frorest Green

    组件 · 具体条目入口

  30. Roman Monolithic

    组件 · 具体条目入口

  31. Roman Monolithic 2

    组件 · 具体条目入口

  32. Sakura

    组件 · 具体条目入口

  33. Animated Form

    组件 · 具体条目入口

    相关词:表单、动画、动效

  34. Bot Detection

    组件 · 具体条目入口

  35. Framework Agnostic

    组件 · 具体条目入口

  36. Fraud Card

    组件 · 具体条目入口

    相关词:卡片

  37. Notification Center

    组件 · 具体条目入口

    相关词:通知、消息提示

  38. Auralis

    组件 · 具体条目入口

  39. Chromatic Fluid

    组件 · 具体条目入口

  40. Cloudscape

    组件 · 具体条目入口

  41. Onboard Card

    组件 · 具体条目入口

    相关词:卡片

  42. Text Morph

    组件 · 具体条目入口

    相关词:文字、文本

  43. Vault Lock

    组件 · 具体条目入口

    相关词:锁、安全

  44. Velaris

    组件 · 具体条目入口

  45. Waves

    组件 · 具体条目入口

  46. 1 Gradient

    组件 · 具体条目入口

    相关词:渐变

  47. Option Wheel

    组件 · 具体条目入口

  48. Proximity Sidebar

    组件 · 具体条目入口

    相关词:侧边栏

  49. Ai Thiking Orb And Input

    组件 · 具体条目入口

    相关词:输入框、AI、人工智能

  50. Code Background

    组件 · 具体条目入口

    相关词:背景

  51. Data Rain

    组件 · 具体条目入口

  52. Dither Art

    组件 · 具体条目入口

  53. Dither Effect

    组件 · 具体条目入口

  54. 3D Icon Tabs 1

    组件 · 具体条目入口

    相关词:标签页、选项卡、三维、3D、图标

  55. Filters

    组件 · 具体条目入口

  56. Pdf Viewer

    组件 · 具体条目入口

  57. Cta 1

    组件 · 具体条目入口

  58. Hero4

    组件 · 具体条目入口

    相关词:首屏、主视觉

  59. Navbar2

    组件 · 具体条目入口

    相关词:导航栏

  60. Image Text

    组件 · 具体条目入口

    相关词:文字、文本、图片

  61. Loaders Bars

    组件 · 具体条目入口

    相关词:加载、加载动画

  62. Loaders Gooey Blobs

    组件 · 具体条目入口

    相关词:加载、加载动画、液态、融合、形变

  63. Loaders Liquid Progress

    组件 · 具体条目入口

    相关词:加载、加载动画、进度条

  64. Loaders Morphing

    组件 · 具体条目入口

    相关词:加载、加载动画

  65. Loaders Orbit

    组件 · 具体条目入口

    相关词:加载、加载动画

  66. Loaders Pulse

    组件 · 具体条目入口

    相关词:加载、加载动画

  67. Loaders Skeleton

    组件 · 具体条目入口

    相关词:骨架屏、加载、加载动画

  68. Loaders Spinner

    组件 · 具体条目入口

    相关词:加载、加载动画、转圈

  69. Specials Linear Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图、线性

  70. Specials Magnetic Drawer

    组件 · 具体条目入口

    相关词:抽屉

  71. Text Blur In

    组件 · 具体条目入口

    相关词:模糊、文字、文本

  72. Text Dia

    组件 · 具体条目入口

    相关词:文字、文本

  73. Text Fade In

    组件 · 具体条目入口

    相关词:淡入、淡出、文字、文本

  74. Text Highlight

    组件 · 具体条目入口

    相关词:文字、文本

  75. Text Slide Up

    组件 · 具体条目入口

    相关词:文字、文本

  76. Text Split Reveal

    组件 · 具体条目入口

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

  77. Text Svg Text Draw

    组件 · 具体条目入口

    相关词:文字、文本

  78. Text Word Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图、文字、文本

  79. Folder

    组件 · 具体条目入口

    相关词:文件夹

  80. E43Wr

    组件 · 具体条目入口