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

UI 组件库

21st

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

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

资源与访问条件

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

目录入口

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

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

  1. Masonry Grid

    组件 · 具体条目入口

    相关词:网格

  2. Masonry Grid With Scroll Animation

    组件 · 具体条目入口

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

  3. Mentor Section

    组件 · 具体条目入口

  4. Menu Item Card

    组件 · 具体条目入口

    相关词:菜单、卡片

  5. Minimalist Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  6. Mission Success Dialog

    组件 · 具体条目入口

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

  7. Modern Hero Section

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  8. Mouse Following Line

    组件 · 具体条目入口

    相关词:折线、线条

  9. Multi Step Form

    组件 · 具体条目入口

    相关词:表单

  10. Music Player

    组件 · 具体条目入口

    相关词:音乐

  11. Music Player Card

    组件 · 具体条目入口

    相关词:卡片、音乐

  12. Newsletter Dialog

    组件 · 具体条目入口

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

  13. Offer Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  14. Onboarding

    组件 · 具体条目入口

  15. Onboarding Card

    组件 · 具体条目入口

    相关词:卡片

  16. Onboarding Checklist

    组件 · 具体条目入口

  17. Onboarding Form

    组件 · 具体条目入口

    相关词:表单

  18. Onboarding Welcome Screen

    组件 · 具体条目入口

  19. Orbiting Avatars

    组件 · 具体条目入口

  20. Order Status Card

    组件 · 具体条目入口

    相关词:卡片

  21. Order Status Tracker

    组件 · 具体条目入口

  22. Parallax Card

    组件 · 具体条目入口

    相关词:卡片

  23. Payment

    组件 · 具体条目入口

  24. Payment 1

    组件 · 具体条目入口

  25. Photo Stack

    组件 · 具体条目入口

  26. Planner Card

    组件 · 具体条目入口

    相关词:卡片

  27. Presence Card

    组件 · 具体条目入口

    相关词:卡片

  28. Pricing

    组件 · 具体条目入口

    相关词:定价、价格

  29. Pricing Card 1

    组件 · 具体条目入口

    相关词:卡片、定价、价格

  30. Product Card

    组件 · 具体条目入口

    相关词:卡片

  31. Product Card 1

    组件 · 具体条目入口

    相关词:卡片

  32. Product Card 2

    组件 · 具体条目入口

    相关词:卡片

  33. Product Card 3

    组件 · 具体条目入口

    相关词:卡片

  34. Product Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  35. Profile Card 1

    组件 · 具体条目入口

    相关词:卡片

  36. Profile Selector

    组件 · 具体条目入口

  37. Project Card

    组件 · 具体条目入口

    相关词:卡片

  38. Project Data Table

    组件 · 具体条目入口

    相关词:表格、数据表格

  39. Promo Card

    组件 · 具体条目入口

    相关词:卡片

  40. Rain And Lightening Hero Section

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  41. Range Slider

    组件 · 具体条目入口

    相关词:滑块、滑杆

  42. Redeem

    组件 · 具体条目入口

  43. Registration Stepper

    组件 · 具体条目入口

  44. Reward Card

    组件 · 具体条目入口

    相关词:卡片

  45. Ride Booking Form

    组件 · 具体条目入口

    相关词:表单

  46. Ripple Pulse Loader

    组件 · 具体条目入口

    相关词:加载、加载动画、涟漪、波纹

  47. Rotary Radio Switch

    组件 · 具体条目入口

    相关词:单选框、开关

  48. Service Grid

    组件 · 具体条目入口

    相关词:网格

  49. Services

    组件 · 具体条目入口

  50. Services Card

    组件 · 具体条目入口

    相关词:卡片

  51. Share Card

    组件 · 具体条目入口

    相关词:卡片

  52. Shared Files

    组件 · 具体条目入口

  53. Sign In

    组件 · 具体条目入口

    相关词:登录

  54. Sign In 1

    组件 · 具体条目入口

    相关词:登录

  55. Sky Toggle

    组件 · 具体条目入口

    相关词:切换、开关

  56. Sleep Tracker Card

    组件 · 具体条目入口

    相关词:卡片

  57. Social Media

    组件 · 具体条目入口

  58. Solar Pulse Loader

    组件 · 具体条目入口

    相关词:加载、加载动画

  59. Sparks Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  60. Star Wars Toggle Switch

    组件 · 具体条目入口

    相关词:开关、切换、星星、收藏

  61. Stats Card

    组件 · 具体条目入口

    相关词:卡片

  62. Stats Card 1

    组件 · 具体条目入口

    相关词:卡片

  63. Stats Card 2

    组件 · 具体条目入口

    相关词:卡片

  64. Stats Widget

    组件 · 具体条目入口

  65. Stock Card

    组件 · 具体条目入口

    相关词:卡片

  66. Stock Category List

    组件 · 具体条目入口

    相关词:列表

  67. Subscription Screen

    组件 · 具体条目入口

  68. Swap Card

    组件 · 具体条目入口

    相关词:卡片

  69. Switch

    组件 · 具体条目入口

    相关词:开关

  70. Task List

    组件 · 具体条目入口

    相关词:列表

  71. Team Section

    组件 · 具体条目入口

  72. Team Section 1

    组件 · 具体条目入口

  73. Team Showcase

    组件 · 具体条目入口

  74. Testimonial

    组件 · 具体条目入口

    相关词:用户评价

  75. Testimonial 2

    组件 · 具体条目入口

    相关词:用户评价

  76. Testimonial Card 1

    组件 · 具体条目入口

    相关词:卡片、用户评价

  77. Testimonials

    组件 · 具体条目入口

  78. Text Arc Effect

    组件 · 具体条目入口

    相关词:文字、文本

  79. Ticket Confirmation Card

    组件 · 具体条目入口

    相关词:卡片

  80. Timesheet Confirmation

    组件 · 具体条目入口