
项目概述
Collect UI(collectui.com)是全球极具影响力的老牌 UI 界面设计灵感索引库之一。深度收录了超过 14,000+ 张经人工精选的顶尖 UI 设计稿,覆盖了 160+ 个细分业务场景。内容紧密围绕 Daily UI 挑战与 Dribbble 社区顶尖作品,为开发者与产品设计师提供详尽的界面交互参照体系。
核心特性
- 📑 160+ 专项业务场景分类:从登录注册、结账表单、价格矩阵到 404 错误页、航班追踪器,分类极其详尽。
- 🎨 14,000+ 丰富视觉参考:海量排版布局、配色方案、卡片层级与移动/桌面端交互形态一应俱全。
- ⚡️ 极速扫读与头脑风暴:清爽高效的网格布局,数秒内即可快速对比数十种截然不同的布局思路。
- 🔗 原创设计师深度溯源:每一张设计稿均精准直链原始 Dribbble 设计师主页与源文件出处。
技术选型建议与适用场景
- 非常适合:正在进行产品界面原型设计(Wireframing)、寻找特定微交互模块(如验证码输入框、设置页)灵感的前端工程师与 UI 设计师。
- 核心优势:分类极其垂直细致,当你想知道“业界有哪几种方式设计优惠券卡片”时,它是最高效的直接参考工具。
讨论与评价
分享你对该组件库的上手体验、优缺点或建议...
暂无讨论。欢迎分享你对该组件库的上手体验、优缺点或建议!
相关组件推荐
基于同类与技术栈推荐Astryx (Meta)
14k+
Meta(Facebook)官方开源的企业级设计系统与 React 19 组件库,内置 170+ 高度可访问组件、StyleX 与面向 AI 智能体的工作流。
无障碍支持设计令牌企业级+2
无障碍支持详情
8bitcn/ui
2.1k+
基于 shadcn/ui 与 Tailwind CSS 构建的复古 8-Bit 像素风 React 组件库,兼备像素艺术美学与现代 WAI-ARIA 无障碍标准。
无障碍支持源码拷贝React+2
无障碍支持详情
Duolingo UI (ShadLingo)
126k+
基于 shadcn/ui v4 与 Tailwind CSS 深度定制的 Duolingo 风格设计系统与组件库,完整复刻多邻国标志性的 3D 按钮弹簧投影、高饱和猫头鹰绿与游戏化卡片交互。
源码拷贝设计令牌Gamification+3
源码拷贝详情
