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

UI 组件库

21st

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

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

资源与访问条件

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

目录入口

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

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

  1. Spinner

    组件 · 具体条目入口

    相关词:加载、转圈

  2. Stacked Circular Footer

    组件 · 具体条目入口

    相关词:环形、圆形、页脚

  3. Star Rating

    组件 · 具体条目入口

    相关词:星星、收藏

  4. Status Badge

    组件 · 具体条目入口

    相关词:徽章、状态标签

  5. Streaming Text

    组件 · 具体条目入口

    相关词:文字、文本、流式输出

  6. Tab Navbar

    组件 · 具体条目入口

    相关词:导航栏

  7. Table Empty

    组件 · 具体条目入口

    相关词:表格、数据表格、空状态

  8. Task Checkbox

    组件 · 具体条目入口

    相关词:复选框、多选框

  9. Tree Nav

    组件 · 具体条目入口

    相关词:树形列表

  10. Undo Pill

    组件 · 具体条目入口

  11. Upload Empty

    组件 · 具体条目入口

    相关词:空状态、上传

  12. Use Toast

    组件 · 具体条目入口

    相关词:消息提示、轻提示

  13. Webhook Empty

    组件 · 具体条目入口

    相关词:空状态

  14. Cromia Channels

    组件 · 具体条目入口

  15. Cromia Color Picker

    组件 · 具体条目入口

  16. Cromia Compact

    组件 · 具体条目入口

  17. Cromia Swatches

    组件 · 具体条目入口

  18. Unit Field

    组件 · 具体条目入口

  19. Dia Gradient

    组件 · 具体条目入口

    相关词:渐变

  20. Embroidered Word Patches

    组件 · 具体条目入口

  21. Midjourney Ascii

    组件 · 具体条目入口

  22. Symbols Effect

    组件 · 具体条目入口

  23. Vector Editor

    组件 · 具体条目入口

  24. Autocomplete

    组件 · 具体条目入口

  25. Chess

    组件 · 具体条目入口

  26. Mesh Portfolio

    组件 · 具体条目入口

  27. Simplex Noise Shader

    组件 · 具体条目入口

  28. Adaptive Notch Navigation Bar

    组件 · 具体条目入口

    相关词:柱状图、导航

  29. Animated File Tree

    组件 · 具体条目入口

    相关词:树形列表、动画、动效、文件

  30. Animated Table

    组件 · 具体条目入口

    相关词:表格、数据表格、动画、动效

  31. Animated Table Rows

    组件 · 具体条目入口

    相关词:表格、数据表格、动画、动效

  32. Animated Theme Toggle Button

    组件 · 具体条目入口

    相关词:按钮、切换、开关、动画、动效

  33. Animated Theme Toggler

    组件 · 具体条目入口

    相关词:动画、动效

  34. Bottom Nav Bar

    组件 · 具体条目入口

    相关词:柱状图

  35. Branching Tree Nav

    组件 · 具体条目入口

    相关词:树形列表

  36. Connected Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  37. Cookie Banner

    组件 · 具体条目入口

  38. Cookie Banner 1

    组件 · 具体条目入口

  39. Corner Frame Animated Button 1

    组件 · 具体条目入口

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

  40. Corner Frame Scramble Text

    组件 · 具体条目入口

    相关词:文字、文本

  41. Expandable Search Bar

    组件 · 具体条目入口

    相关词:柱状图、搜索

  42. Feedback Toast

    组件 · 具体条目入口

    相关词:消息提示、轻提示

  43. Inverted Cursor

    组件 · 具体条目入口

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

  44. Media Button

    组件 · 具体条目入口

    相关词:按钮

  45. Modern Animated Sign In

    组件 · 具体条目入口

    相关词:登录、动画、动效

  46. Morphing Arrow Button

    组件 · 具体条目入口

    相关词:按钮、箭头

  47. Outline Text

    组件 · 具体条目入口

    相关词:文字、文本、线性图标、描边图标

  48. Profile Card Testimonial Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图、卡片、用户评价

  49. Scroll Expansion Hero

    组件 · 具体条目入口

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

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

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

  50. Sidebar With Chrome Like Tabs

    组件 · 具体条目入口

    相关词:标签页、选项卡、侧边栏

  51. Theme Wipe Toggle

    组件 · 具体条目入口

    相关词:切换、开关

  52. Thumbnail Button Video Player

    组件 · 具体条目入口

    相关词:按钮、视频

  53. Toast

    组件 · 具体条目入口

    相关词:消息提示、轻提示

  54. Vertical Theme Wipe Toggle

    组件 · 具体条目入口

    相关词:切换、开关

  55. Ai Agent Processing States

    组件 · 具体条目入口

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

  56. Ai Planning

    组件 · 具体条目入口

    相关词:AI、人工智能

  57. Dashboard Sidebar

    组件 · 具体条目入口

    相关词:侧边栏、仪表盘、后台

  58. File Upload

    组件 · 具体条目入口

    相关词:上传、文件上传、文件

  59. Focus Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  60. Kanban Board

    组件 · 具体条目入口

  61. Neomorphism Metric Card

    组件 · 具体条目入口

    相关词:卡片

  62. Voxcoach

    组件 · 具体条目入口

  63. Dwar

    组件 · 具体条目入口

  64. Chatbot Background

    组件 · 具体条目入口

    相关词:背景

  65. Chat Message

    组件 · 具体条目入口

    相关词:消息提示、聊天、对话

  66. Chat Reasoning

    组件 · 具体条目入口

    相关词:聊天、对话

  67. Chat Tool

    组件 · 具体条目入口

    相关词:聊天、对话

  68. Loader

    组件 · 具体条目入口

    相关词:加载、加载动画

  69. Motion Blur Text

    组件 · 具体条目入口

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

  70. Reveal

    组件 · 具体条目入口

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

  71. Aaa

    组件 · 具体条目入口

  72. Asher Ascii

    组件 · 具体条目入口

  73. Asherascii

    组件 · 具体条目入口

  74. Red In Black

    组件 · 具体条目入口

  75. Animated Pattern Cloud

    组件 · 具体条目入口

    相关词:动画、动效

  76. Asmr Background

    组件 · 具体条目入口

    相关词:背景

  77. Balloons Pop Background

    组件 · 具体条目入口

    相关词:背景

  78. Realistic Fog Background

    组件 · 具体条目入口

    相关词:背景

  79. Phyrs

    组件 · 具体条目入口

  80. Ascii

    组件 · 具体条目入口