设计资源精选 · 动效、组件、品牌、灵感与工具，按分类整理，方便日常查阅。
给 Claude Code / Codex 用的技能
Lottie 轻量动画素材库
40 多个现成的网页界面过渡动画
移动 App 动效和交互案例的灵感库
弹簧物理效果的微交互库
开源的 React 动画组件库（基于 Framer Mot…
可定制的网页首屏交互动效库
浏览器里的动效视频制作工具，用模板把产品图、logo 和
Adobe 的 3D 角色自动绑定和动作动画工具
Rive 社区的交互式动画资源市场
基于 Remotion 的 React 视频动效组件库
可随指针交互的等距 SVG 线条图形库
开源 React 组件和区块库，这一页是图表组件
免费开源的 React 动画组件库
Meta 支持的开源 UI 组件库
开源 React 组件和页面区块库
免费开源的 React 组件库
带动效的 React / Next.js 组件
开源的 React + Tailwind 组件
面向 AI 产品界面的组件库（聊天
面向仪表盘的 React 设计系统
带动效的 React 组件和页面区块库
精选的 UI 组件和交互参考库
基于 Base UI 和 Motion 的 React 应…
开源 React 界面组件库
将设计灵感转化为可复用界面组件的开源项目
基于 React
交互式 React 组件和微交互案例库
可直接复制粘贴给 AI agent 使用的 UI 组件库
字体推荐和字体搭配参考，看网站实际在用什么字体
字体在海报、包装、网站等真实作品中的使用案例库
上传图片识别里面用的是什么字体
免费的高质量字体
大型图标素材库（部分免费）
图标、插画、照片素材库
真实 App、游戏和 Web 应用的图标设计参考库
查询知名品牌 logo 所用或相近的字体
可搜索、预览和调整颜色、尺寸等参数的图标库
风格统一的开源 SVG 图标库
Google 提供的免费字体库
404 错误页设计案例
便当盒式网格布局的设计案例
视觉灵感收藏工具，类似 Pinterest
真实 App 的界面截图和完整用户流程库
真实网站和 App 的界面及流程参考库
设计工具、组件库、设计系统和灵感的导航站
精选的网站、App 和视觉设计灵感库
社区整理的网站、工具和创意资源导航
网站、界面、品牌、动效和插画等设计灵感合集
精选网站和用户界面的设计灵感库
帖子推荐的设计灵感网站
扫二维码，添加我为朋友。
