吐血整理超全设计资源合集

本文旨在收录国内/外优秀的设计工具,为独立开发者提供产品设计灵感。

动画示例

动效库

  • GSAP: 专业的 JS 动效库,闭源
  • motion: Framer 出的 framer-motion JS 网络动画开源库
  • popmotion: React 社区常用的开源动效库
  • useAnimations: 非常全面的 icon 动效网站,底层使用 Lottie 的方式来渲染。
  • meteocons:开源带动效的天气图标, 每种样式都包括动画和静态 SVG 文件。

插图库

  • illustrationkit: 开源插画集合,包含110多个场景和55+人物角色,可免费用于个人和商业项目中。
  • StorySet: 免费的矢量插画合集。
  • unDraw: 一个扁平化插画图库,支持下载SVG和PNG格式,可用于商业用途。
  • Open Doodles: 涂鸦类型的插画集, 来自墨西哥设计师 Pablo Stanley 的最新免费插画资源,可用于商业用途。
  • openpeeps: 一个手绘插画库,用于创建人物场景,可免费用于个人和商用项目中。
  • Avataaars: 免费Sketch头像插画素材库。
  • Irasuton: 提供了80多个分类的插画素材,可免费用于个人和商业项目中。
  • Girlysozai: 日本可爱手绘插画素材,Girlysozai网站上提供了人物、花、生物、食物等分类的手绘插画素材,可免费用于个人和商业项目中。
  • 404 illustrations: 免费可商用的404插画素材, 网站上有23个PNG和SVG格式的404插画可用在web和移动端的不同场景中,同时这些插画可以免费用在商业和个人项目中。

图标库

设计学习资源

动效设计网站 Galley

优秀设计网站分享

原始仓库详见: github.com/YOYZHANG/de...

相关推荐
知识分享小能手16 分钟前
Vue3 学习教程,从入门到精通,Axios 在 Vue 3 中的使用指南(37)
前端·javascript·vue.js·学习·typescript·vue·vue3
程序员码歌3 小时前
【零代码AI编程实战】AI灯塔导航-总结篇
android·前端·后端
用户21411832636023 小时前
免费玩转 AI 编程!Claude Code Router + Qwen3-Code 实战教程
前端
小小愿望5 小时前
前端无法获取响应头(如 Content-Disposition)的原因与解决方案
前端·后端
小小愿望5 小时前
项目启功需要添加SKIP_PREFLIGHT_CHECK=true该怎么办?
前端
烛阴5 小时前
精简之道:TypeScript 参数属性 (Parameter Properties) 详解
前端·javascript·typescript
海上彼尚6 小时前
使用 npm-run-all2 简化你的 npm 脚本工作流
前端·npm·node.js
开发者小天6 小时前
为什么 /deep/ 现在不推荐使用?
前端·javascript·node.js
如白驹过隙7 小时前
cloudflare缓存配置
前端·缓存
excel7 小时前
JavaScript 异步编程全解析:Promise、Async/Await 与进阶技巧
前端