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

UI 组件库

21st

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

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

资源与访问条件

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

目录入口

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

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

  1. Primitive Avatar

    组件 · 具体条目入口

    相关词:头像

  2. Primitive Badge

    组件 · 具体条目入口

    相关词:徽章、状态标签

  3. Primitive Breadcrumb

    组件 · 具体条目入口

    相关词:面包屑

  4. Primitive Button Group

    组件 · 具体条目入口

    相关词:按钮

  5. Primitive Calendar

    组件 · 具体条目入口

    相关词:日历

  6. Primitive Checkbox

    组件 · 具体条目入口

    相关词:复选框、多选框

  7. Primitive Combobox

    组件 · 具体条目入口

    相关词:组合选择框、下拉选择

  8. Primitive Input

    组件 · 具体条目入口

    相关词:输入框

  9. Primitive Input Mask

    组件 · 具体条目入口

    相关词:输入框

  10. Primitive Pagination

    组件 · 具体条目入口

    相关词:分页

  11. Primitive Sonner

    组件 · 具体条目入口

  12. Primitive Tabs

    组件 · 具体条目入口

    相关词:标签页、选项卡

  13. Primitive Textarea

    组件 · 具体条目入口

    相关词:多行输入框

  14. Product Reveal Card

    组件 · 具体条目入口

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

  15. Profile Card

    组件 · 具体条目入口

    相关词:卡片

  16. Profile Hover Card

    组件 · 具体条目入口

    相关词:卡片、悬停、鼠标悬停

  17. Resizable Table

    组件 · 具体条目入口

    相关词:表格、数据表格

  18. Reveal Text

    组件 · 具体条目入口

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

  19. Ruler Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  20. Shader Aurora Veil

    组件 · 具体条目入口

    相关词:极光、渐变背景

  21. Shader Kinetic Dots

    组件 · 具体条目入口

  22. System Monitor

    组件 · 具体条目入口

  23. Video Scroll Hero

    组件 · 具体条目入口

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

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

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

  24. Video Upload Card

    组件 · 具体条目入口

    相关词:卡片、上传、视频

  25. Voice Powered Orb

    组件 · 具体条目入口

  26. Weekly Kpi Chart

    组件 · 具体条目入口

    相关词:图表

  27. Curved Menu

    组件 · 具体条目入口

    相关词:菜单

  28. Immersive Scroll Gallery

    组件 · 具体条目入口

    相关词:滚动、画廊、图片展示

  29. Retro Testimonial

    组件 · 具体条目入口

    相关词:用户评价

  30. Scroll Cards

    组件 · 具体条目入口

    相关词:卡片、滚动

  31. Smooth Scroll Hero

    组件 · 具体条目入口

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

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

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

  32. Tetris Loader

    组件 · 具体条目入口

    相关词:加载、加载动画

  33. Animated Menu Bar

    组件 · 具体条目入口

    相关词:柱状图、菜单、动画、动效

  34. Dialog Box

    组件 · 具体条目入口

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

  35. Error 404 Page

    组件 · 具体条目入口

  36. File Uploader

    组件 · 具体条目入口

    相关词:文件

  37. Path Morphing

    组件 · 具体条目入口

  38. Scroll Linked Spring Animation

    组件 · 具体条目入口

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

  39. Stack Card

    组件 · 具体条目入口

    相关词:卡片

  40. Services Stack

    组件 · 具体条目入口

  41. Empty

    组件 · 具体条目入口

    相关词:空状态

  42. Welcome

    组件 · 具体条目入口

  43. Jpag Manifesto

    组件 · 具体条目入口

  44. Ai Agent Response

    组件 · 具体条目入口

    相关词:AI、人工智能、智能体

  45. Ai Chat Input

    组件 · 具体条目入口

    相关词:输入框、聊天、对话、AI、人工智能

  46. Ai Prompt Box

    组件 · 具体条目入口

    相关词:AI、人工智能

  47. Animated 3D Mac Book Air

    组件 · 具体条目入口

    相关词:动画、动效、三维、3D

  48. Animated Glow Card

    组件 · 具体条目入口

    相关词:卡片、发光、光晕、动画、动效

  49. Animated Svg Text Path

    组件 · 具体条目入口

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

  50. Apple Tahoe Liquid Glass Button

    组件 · 具体条目入口

    相关词:按钮

  51. Auth Fuse

    组件 · 具体条目入口

    相关词:登录、注册、认证

  52. Auth Ui

    组件 · 具体条目入口

    相关词:登录、注册、认证

  53. Beams Background

    组件 · 具体条目入口

    相关词:背景

  54. Chatgpt Prompt Input

    组件 · 具体条目入口

    相关词:输入框

  55. Cinematic Landing Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  56. Cyber Button

    组件 · 具体条目入口

    相关词:按钮

  57. Dot Text

    组件 · 具体条目入口

    相关词:文字、文本

  58. Dotted Vignette Background

    组件 · 具体条目入口

    相关词:背景

  59. Dynamic Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  60. Flip Countdown

    组件 · 具体条目入口

    相关词:翻转

  61. Flow Field Background

    组件 · 具体条目入口

    相关词:背景

  62. Glass Button

    组件 · 具体条目入口

    相关词:按钮

  63. Glass Testimonial Swiper

    组件 · 具体条目入口

    相关词:用户评价

  64. Glassmorphism Trust Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  65. Hero 1

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  66. Hero With Video

    组件 · 具体条目入口

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

    已核验画面:居中首屏、操作或表单入口、深色、鲜明色彩 · 2026-10-14

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

  67. Hover Glow Button

    组件 · 具体条目入口

    相关词:按钮、悬停、鼠标悬停、发光、光晕

  68. Hover Text Reveal 1

    组件 · 具体条目入口

    相关词:悬停、鼠标悬停、揭示、出现、入场、文字、文本

  69. Image Swiper

    组件 · 具体条目入口

    相关词:图片

  70. Interactive Text Particle

    组件 · 具体条目入口

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

  71. Interactive Thermodynamic Grid

    组件 · 具体条目入口

    相关词:网格

  72. Isometric Wave Grid Background

    组件 · 具体条目入口

    相关词:网格、背景

  73. Limelight Nav

    组件 · 具体条目入口

  74. Logo Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  75. Magnetic Cursor

    组件 · 具体条目入口

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

  76. Material Design 3 Button

    组件 · 具体条目入口

    相关词:按钮

  77. Material Design 3 Expressive Slider

    组件 · 具体条目入口

    相关词:滑块、滑杆

  78. Material Design 3 Ripple

    组件 · 具体条目入口

    相关词:涟漪、波纹

  79. Material Design 3 Switch

    组件 · 具体条目入口

    相关词:开关

  80. Material Ui Autocomplete Combobox Multi Select

    组件 · 具体条目入口

    相关词:选择器、下拉选择、组合选择框