设计资源合集 | 持续更新
工具
Modly
本地 AI 图片转 3D 模型工具，GPU 运算不上传，隐私可控。可扩展接入 Hunyuan3D、TripoSG 等多种开源模型。
Open Design
本地优先的开源设计生成工具，支持对话式需求确认到设计产出全流程。可接入多种 coding agent，支持本地或 BYOK 模式。
风格还原
Design-extract
CLI 工具，从线上网站提取完整设计系统（颜色、字体、间距、token、组件等），输出 Tailwind/shadcn/Figma Variables 等多种格式。支持响应式分析、设计评分、视觉 diff、品牌手册生成，提供 MCP/Chrome/Figma/VS Code 扩展。
UI
设计灵感必去网站
- Curated Design — 精选网页设计作品集，按风格和类型分类
- One Page Love — 专注单页落地页的设计展示，适合产品页、活动页参考
- Component Gallery — 收集各家产品的组件和设计系统实况截图
- App Motion — 聚焦移动端和网页动效设计，找过渡动画和微交互参考
- Mobbin — 收录大量移动端应用的真实截图和用户流程
- Rebrand Gallery — 专门展示品牌重塑案例，研究品牌升级的设计决策
Better Design
shadcn/ui 设计系统合集，将 Linear、Apple、Stripe 等知名风格整理成可直接安装的组件库。每套主题配好 CSS 变量和 design token，支持官网预览后按需拉取组件。
Awesome DESIGN.md
收集 DESIGN.md 设计系统文档的开源库，涵盖 Claude、Linear、Vercel、Apple 等知名产品风格。每套包含给 AI 读取的 Markdown 设计规范，附带预览页面。
React Bits
开源 React 动效组件集合，覆盖文字动效、背景特效、鼠标跟随、卡片交互、3D/Shader 等场景。官网看效果后直接复制代码使用，支持 Tailwind CSS 和普通 CSS。
AI Website Cloner Template
AI Agent 网站重建模板，自动截图、提取设计 token、下载素材，按区块并行生成 React 组件。技术栈：Next.js、Tailwind CSS v4、shadcn/ui。
AssppWeb
开源 iOS 侧载工具，基于零信任架构——Apple 凭据本地处理不上传，服务器仅做盲 TCP 中继。支持 Docker/Railway/Cloudflare Workers 部署，2.4k+ star，MIT 许可。
动效
Anime.js
轻量级 JavaScript 动画引擎，可同时驱动 CSS、SVG、DOM 属性和 JS 对象。API 简洁，适合复杂时间线、分组编排和动态控制，比纯 CSS 动画更灵活又比重型框架更小巧。
灵感
宇宙的颜色是宇宙拿铁 #FFF8E7 ，这是把宇宙中所有可见光平均后算出来的。
