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

UI 组件库

21st

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

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

资源与访问条件

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

目录入口

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

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

  1. Interactive Light

    组件 · 具体条目入口

  2. Iphone 16

    组件 · 具体条目入口

  3. Keyboard

    组件 · 具体条目入口

  4. Led Display

    组件 · 具体条目入口

  5. Liquid Glass Button

    组件 · 具体条目入口

    相关词:按钮

  6. Liquid Glass Card

    组件 · 具体条目入口

    相关词:卡片

  7. Loading Overlay

    组件 · 具体条目入口

    相关词:加载、加载动画

  8. Login Page

    组件 · 具体条目入口

    相关词:登录、登陆

  9. Mac

    组件 · 具体条目入口

  10. Macbook

    组件 · 具体条目入口

  11. Marquee

    组件 · 具体条目入口

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

  12. Marquee Card

    组件 · 具体条目入口

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

  13. Matrix Ripple

    组件 · 具体条目入口

    相关词:涟漪、波纹

  14. Mechanical Waves

    组件 · 具体条目入口

  15. Morphing Light

    组件 · 具体条目入口

  16. Mouse Quadrant Tracker

    组件 · 具体条目入口

  17. Navbar

    组件 · 具体条目入口

    相关词:导航栏

  18. Network Animation

    组件 · 具体条目入口

    相关词:动画、动效

  19. Neural Noise

    组件 · 具体条目入口

  20. Particle Animation

    组件 · 具体条目入口

    相关词:粒子、动画、动效

  21. Particle Animation 1

    组件 · 具体条目入口

    相关词:粒子、动画、动效

  22. Particle Canvas

    组件 · 具体条目入口

    相关词:粒子

  23. Particle Canvas 1

    组件 · 具体条目入口

    相关词:粒子

  24. Particle Canvas 2

    组件 · 具体条目入口

    相关词:粒子

  25. Particle Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉、粒子

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

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

  26. Particle Text Effect

    组件 · 具体条目入口

    相关词:粒子、文字、文本

  27. Payment Card

    组件 · 具体条目入口

    相关词:卡片

  28. Pixel Animation

    组件 · 具体条目入口

    相关词:动画、动效

  29. Pixel Grid

    组件 · 具体条目入口

    相关词:网格

  30. Radial Lines

    组件 · 具体条目入口

  31. Rain

    组件 · 具体条目入口

  32. Rainbow Text Effect

    组件 · 具体条目入口

    相关词:文字、文本

  33. Ripple Canvas

    组件 · 具体条目入口

    相关词:涟漪、波纹

  34. Ripple Grid

    组件 · 具体条目入口

    相关词:网格、涟漪、波纹

  35. Safari

    组件 · 具体条目入口

  36. Scroll Progress 1

    组件 · 具体条目入口

    相关词:进度条、滚动

  37. Shader Animation

    组件 · 具体条目入口

    相关词:动画、动效

  38. Shader Lines

    组件 · 具体条目入口

  39. Shiny Button

    组件 · 具体条目入口

    相关词:按钮

  40. Simplex

    组件 · 具体条目入口

  41. Snow Flakes

    组件 · 具体条目入口

  42. Space Background

    组件 · 具体条目入口

    相关词:背景

  43. Spark Effect

    组件 · 具体条目入口

  44. Sphere

    组件 · 具体条目入口

  45. Spreadsheet

    组件 · 具体条目入口

  46. Stamp

    组件 · 具体条目入口

  47. Starfield

    组件 · 具体条目入口

  48. Starfield 1

    组件 · 具体条目入口

  49. Stars Canvas

    组件 · 具体条目入口

  50. Stats 2

    组件 · 具体条目入口

  51. Svg Follower

    组件 · 具体条目入口

  52. Swirl

    组件 · 具体条目入口

  53. Text Aimation

    组件 · 具体条目入口

    相关词:文字、文本

  54. Text Color

    组件 · 具体条目入口

    相关词:文字、文本

  55. Text Particle

    组件 · 具体条目入口

    相关词:粒子、文字、文本

  56. Text Wave Animation

    组件 · 具体条目入口

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

  57. Theme

    组件 · 具体条目入口

  58. Theme Button

    组件 · 具体条目入口

    相关词:按钮

  59. Theme Dropdown

    组件 · 具体条目入口

    相关词:下拉菜单

  60. Theme Switch

    组件 · 具体条目入口

    相关词:开关

  61. Theme Tabs

    组件 · 具体条目入口

    相关词:标签页、选项卡

  62. Thermal Shader

    组件 · 具体条目入口

  63. Typewriter

    组件 · 具体条目入口

    相关词:打字机

  64. Vector Field

    组件 · 具体条目入口

  65. Vercel Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  66. Vercel Navbar

    组件 · 具体条目入口

    相关词:导航栏

  67. Void Animation

    组件 · 具体条目入口

    相关词:动画、动效

  68. Warp

    组件 · 具体条目入口

  69. Wave

    组件 · 具体条目入口

  70. Wave 1

    组件 · 具体条目入口

  71. Wave Animation

    组件 · 具体条目入口

    相关词:动画、动效

  72. Wave Animation 1

    组件 · 具体条目入口

    相关词:动画、动效

  73. Web Gl Shader

    组件 · 具体条目入口

  74. Shader B3E94Fd7

    组件 · 具体条目入口

  75. Animated Toast

    组件 · 具体条目入口

    相关词:消息提示、轻提示、动画、动效

  76. Animated Tooltip

    组件 · 具体条目入口

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

  77. Expanded Map

    组件 · 具体条目入口

    相关词:地图

  78. Feedback Widget

    组件 · 具体条目入口

  79. Shutter Text

    组件 · 具体条目入口

    相关词:文字、文本

  80. Animated State Icons

    组件 · 具体条目入口

    相关词:动画、动效、图标