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

UI 组件库

21st

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

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

资源与访问条件

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

目录入口

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

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

  1. Spinning Circular Text

    组件 · 具体条目入口

    相关词:环形、圆形、文字、文本

  2. Team 01

    组件 · 具体条目入口

  3. Testimonial

    组件 · 具体条目入口

    相关词:用户评价

  4. Testimonial 2

    组件 · 具体条目入口

    相关词:用户评价

  5. Theme Switcher 1

    组件 · 具体条目入口

  6. Wheel Picker

    组件 · 具体条目入口

  7. Maomao

    组件 · 具体条目入口

  8. X Scroll

    组件 · 具体条目入口

    相关词:滚动、关闭、叉号

  9. Footer

    组件 · 具体条目入口

    相关词:页脚

  10. Not Found

    组件 · 具体条目入口

  11. Iris

    组件 · 具体条目入口

  12. Animated Arrow Button

    组件 · 具体条目入口

    相关词:按钮、动画、动效、箭头

  13. Arrow Dots Button

    组件 · 具体条目入口

    相关词:按钮、箭头

  14. Icon Accordion

    组件 · 具体条目入口

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

  15. Nextjsshop Button

    组件 · 具体条目入口

    相关词:按钮

  16. Pixel Broke Button

    组件 · 具体条目入口

    相关词:按钮

  17. Pixel Button

    组件 · 具体条目入口

    相关词:按钮

  18. Sneaky Button

    组件 · 具体条目入口

    相关词:按钮

  19. Tags Breadcrumb

    组件 · 具体条目入口

    相关词:面包屑、标签

  20. Animated Countdown

    组件 · 具体条目入口

    相关词:动画、动效

  21. Animated Select Headline

    组件 · 具体条目入口

    相关词:选择器、下拉选择、动画、动效

  22. Ask Nexus Input

    组件 · 具体条目入口

    相关词:输入框

  23. Beam Sweep Field

    组件 · 具体条目入口

    相关词:光束

  24. Chain Of Thought

    组件 · 具体条目入口

  25. Chat Messages

    组件 · 具体条目入口

    相关词:聊天、对话

  26. Cinematic Logo Cloud

    组件 · 具体条目入口

  27. Circular Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图、环形、圆形

  28. Dot Grid Hero

    组件 · 具体条目入口

    相关词:网格、首屏、主视觉

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

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

  29. Forge Ai Command Bar

    组件 · 具体条目入口

    相关词:柱状图、命令、搜索、命令面板、AI、人工智能

  30. Hover Highlight Text

    组件 · 具体条目入口

    相关词:悬停、鼠标悬停、文字、文本

  31. Image Trail

    组件 · 具体条目入口

    相关词:图片

  32. Images Badge

    组件 · 具体条目入口

    相关词:徽章、状态标签

  33. Infinite Moving Cards

    组件 · 具体条目入口

    相关词:卡片

  34. Interactive Globe Explorer

    组件 · 具体条目入口

  35. Logo Clouds

    组件 · 具体条目入口

  36. Nebula Cta Glow

    组件 · 具体条目入口

    相关词:发光、光晕

  37. Orbit Footer

    组件 · 具体条目入口

    相关词:页脚

  38. Shooting Stars Grid

    组件 · 具体条目入口

    相关词:网格

  39. Starfield Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  40. Suggestions

    组件 · 具体条目入口

  41. Terminal

    组件 · 具体条目入口

    相关词:终端

  42. Text Reveal Card

    组件 · 具体条目入口

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

  43. Thread

    组件 · 具体条目入口

  44. Typewriter Effect

    组件 · 具体条目入口

    相关词:打字机

  45. Wonder

    组件 · 具体条目入口

  46. Flavers

    组件 · 具体条目入口

  47. Draggable Priority List

    组件 · 具体条目入口

    相关词:列表、拖拽、拖动

  48. Ascii Globe Spin

    组件 · 具体条目入口

  49. Background Ascii Dither

    组件 · 具体条目入口

    相关词:背景

  50. Background Ascii Flow

    组件 · 具体条目入口

    相关词:背景

  51. Background Ascii Force Chains

    组件 · 具体条目入口

    相关词:背景

  52. Background Ascii Nodal Lines

    组件 · 具体条目入口

    相关词:背景

  53. Background Ascii Plasma

    组件 · 具体条目入口

    相关词:背景

  54. Background Ascii Wake

    组件 · 具体条目入口

    相关词:背景

  55. Background Gradient Shader

    组件 · 具体条目入口

    相关词:渐变、背景

  56. Background Truchet Weave

    组件 · 具体条目入口

    相关词:背景

  57. Border Chrome Ring

    组件 · 具体条目入口

  58. Breadcrumb Fold

    组件 · 具体条目入口

    相关词:面包屑

  59. Chart Area Aurora

    组件 · 具体条目入口

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

  60. Chart Bar Halftone

    组件 · 具体条目入口

    相关词:图表、柱状图

  61. Chart Donut Halftone

    组件 · 具体条目入口

    相关词:图表

  62. Chart Radar Dither

    组件 · 具体条目入口

    相关词:图表

  63. Countdown Vapor Digits

    组件 · 具体条目入口

  64. Dye Whorl

    组件 · 具体条目入口

  65. Flamegraph Ascii Frames

    组件 · 具体条目入口

  66. Hero Ascii Reaction Front

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  67. Hero Ascii Schlieren

    组件 · 具体条目入口

    相关词:首屏、主视觉

    已核验画面:浅色 · 2026-10-14

    标签依据对应公开实现或具体条目说明;默认主题、桌面排布与可配置组件参数需按原站确认。未将源码检查当作浏览器交互验收。

  68. Hero Ascii Tunnel

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  69. Hero Burin Hatch

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  70. Hero Dipole Field

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  71. Hero Long Exposure

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  72. Hero Recursive Type

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  73. Hero Text Ring Funnel

    组件 · 具体条目入口

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

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

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

  74. Hero Vortex Street

    组件 · 具体条目入口

    相关词:首屏、主视觉

    已核验画面:深色 · 2026-10-14

    标签依据对应公开实现或具体条目说明;默认主题、桌面排布与可配置组件参数需按原站确认。未将源码检查当作浏览器交互验收。

  75. Pole Shy

    组件 · 具体条目入口

  76. Post List Ascii Index

    组件 · 具体条目入口

    相关词:列表

  77. Roller Break Reduce

    组件 · 具体条目入口

  78. Scroll Caliper

    组件 · 具体条目入口

    相关词:滚动

  79. Terrain Erosion Carve

    组件 · 具体条目入口

  80. Text Ascii Cascade

    组件 · 具体条目入口

    相关词:文字、文本