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

UI 组件库

21st

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

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

资源与访问条件

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

目录入口

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

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

  1. Neo Qrbutton 2

    组件 · 具体条目入口

  2. Nested Dashboard Menu

    组件 · 具体条目入口

    相关词:菜单、仪表盘、后台

  3. Newsletter Form

    组件 · 具体条目入口

    相关词:表单

  4. Notification Button

    组件 · 具体条目入口

    相关词:按钮、通知、消息提示

  5. Notification Inbox Popover

    组件 · 具体条目入口

    相关词:气泡、弹出框、通知、消息提示

  6. Notifications

    组件 · 具体条目入口

  7. Notifications 1

    组件 · 具体条目入口

  8. Notifications Alt

    组件 · 具体条目入口

  9. Notifications Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  10. Notifications Filter

    组件 · 具体条目入口

  11. Notifications Toggle

    组件 · 具体条目入口

    相关词:切换、开关

  12. Notifications With Actions

    组件 · 具体条目入口

  13. Nova Qrbutton

    组件 · 具体条目入口

  14. Order Tracking Parallax Card

    组件 · 具体条目入口

    相关词:卡片

  15. Otpdialog

    组件 · 具体条目入口

  16. Otpinput

    组件 · 具体条目入口

  17. Package Installer Tabs

    组件 · 具体条目入口

    相关词:标签页、选项卡

  18. Phone Scroll Hero

    组件 · 具体条目入口

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

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

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

  19. Pill Calendar

    组件 · 具体条目入口

    相关词:日历

  20. Pill Morph Tabs

    组件 · 具体条目入口

    相关词:标签页、选项卡

  21. Portfolio Scroll Grid

    组件 · 具体条目入口

    相关词:网格、滚动

  22. Preview Switch Hero

    组件 · 具体条目入口

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

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

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

  23. Pricing Module

    组件 · 具体条目入口

    相关词:定价、价格

  24. Pricnig Cards03

    组件 · 具体条目入口

    相关词:卡片

  25. Privacy Policy Modal

    组件 · 具体条目入口

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

  26. Product Bounce Card

    组件 · 具体条目入口

    相关词:卡片

  27. Product Image Card

    组件 · 具体条目入口

    相关词:卡片、图片

  28. Product Table

    组件 · 具体条目入口

    相关词:表格、数据表格

  29. Progress Button

    组件 · 具体条目入口

    相关词:按钮、进度条

  30. Progressive Flux Loader

    组件 · 具体条目入口

    相关词:加载、加载动画

  31. Project Progress Card

    组件 · 具体条目入口

    相关词:卡片、进度条

  32. Project Pulse Tracker

    组件 · 具体条目入口

  33. Rating Scale Group

    组件 · 具体条目入口

  34. Receding Text Plane

    组件 · 具体条目入口

    相关词:文字、文本

  35. Release Time Line

    组件 · 具体条目入口

    相关词:折线、线条

  36. Reorderable Table

    组件 · 具体条目入口

    相关词:表格、数据表格

  37. Review Filter Bars

    组件 · 具体条目入口

  38. Ripple Circles

    组件 · 具体条目入口

    相关词:涟漪、波纹

  39. Ripple Distortion

    组件 · 具体条目入口

    相关词:涟漪、波纹

  40. Rising Glow

    组件 · 具体条目入口

    相关词:发光、光晕

  41. Rotating Gradient Right

    组件 · 具体条目入口

    相关词:渐变

  42. Ruixen Accordian01

    组件 · 具体条目入口

  43. Ruixen Bento Cards

    组件 · 具体条目入口

    相关词:卡片、模块化布局、格子

    已核验画面:Bento 功能网格、浅色、简洁留白 · 2026-10-14

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

  44. Ruixen Card 01

    组件 · 具体条目入口

    相关词:卡片

  45. Ruixen Card02

    组件 · 具体条目入口

    相关词:卡片

  46. Ruixen Carousel Wave

    组件 · 具体条目入口

    相关词:轮播、轮播图

  47. Ruixen Contributors Table

    组件 · 具体条目入口

    相关词:表格、数据表格

  48. Ruixen Feature Section

    组件 · 具体条目入口

  49. Ruixen Featured Image Section

    组件 · 具体条目入口

    相关词:图片

  50. Ruixen Footer03

    组件 · 具体条目入口

    相关词:页脚

  51. Ruixen Gradient Footer

    组件 · 具体条目入口

    相关词:页脚、渐变

  52. Ruixen Hero Section 02

    组件 · 具体条目入口

    相关词:首屏、主视觉

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

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

  53. Ruixen Menu Options

    组件 · 具体条目入口

    相关词:菜单

  54. Ruixen Mono Chat

    组件 · 具体条目入口

    相关词:聊天、对话

  55. Ruixen Moon Chat

    组件 · 具体条目入口

    相关词:聊天、对话

  56. Ruixen Popover 02

    组件 · 具体条目入口

    相关词:气泡、弹出框

  57. Ruixen Pricing 04

    组件 · 具体条目入口

    相关词:定价、价格

  58. Ruixen Pricing05

    组件 · 具体条目入口

    相关词:定价、价格

  59. Ruixen Prompt Box

    组件 · 具体条目入口

  60. Ruixen Stats

    组件 · 具体条目入口

  61. Ruixen Table Basic

    组件 · 具体条目入口

    相关词:表格、数据表格

  62. Ruixen Upload Input

    组件 · 具体条目入口

    相关词:输入框、上传

  63. Safari 01

    组件 · 具体条目入口

  64. Scheduler

    组件 · 具体条目入口

  65. Scroll Burn Text

    组件 · 具体条目入口

    相关词:滚动、文字、文本

  66. Scroll Faqaccordion

    组件 · 具体条目入口

    相关词:滚动

  67. Scroll Image Tunnel

    组件 · 具体条目入口

    相关词:滚动、图片

  68. Scroll Pagination

    组件 · 具体条目入口

    相关词:分页、滚动

  69. Scroll Portrait Wall

    组件 · 具体条目入口

    相关词:滚动

  70. Scroll Tilted Grid

    组件 · 具体条目入口

    相关词:网格、滚动

  71. Search With Category

    组件 · 具体条目入口

    相关词:搜索

  72. Segmented Button Group

    组件 · 具体条目入口

    相关词:按钮

  73. Sentiment Radio Group

    组件 · 具体条目入口

    相关词:单选框

  74. Service Changelog

    组件 · 具体条目入口

  75. Shirt Parallax Card

    组件 · 具体条目入口

    相关词:卡片

  76. Side Panel Multi Calendar

    组件 · 具体条目入口

    相关词:日历

  77. Sidebar Showcase

    组件 · 具体条目入口

    相关词:侧边栏

  78. Sign In Card

    组件 · 具体条目入口

    相关词:卡片、登录

  79. Sign In Form

    组件 · 具体条目入口

    相关词:表单、登录

  80. Sketchpad Dropzone

    组件 · 具体条目入口

    相关词:文件拖放、上传