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

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

动画示例

动效库

  • 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...

相关推荐
西洼工作室2 小时前
CSS高效开发三大方向
前端·css
昔人'2 小时前
css`font-variant-numeric: tabular-nums` 用来控制数字的样式。
前端·css
铅笔侠_小龙虾2 小时前
动手实现简单Vue.js ,探索Vue原理
前端·javascript·vue.js
哟哟耶耶4 小时前
Starting again-02
开发语言·前端·javascript
Apifox.4 小时前
Apifox 9 月更新| AI 生成接口测试用例、在线文档调试能力全面升级、内置更多 HTTP 状态码、支持将目录转换为模块
前端·人工智能·后端·http·ai·测试用例·postman
Kitasan Burakku4 小时前
Typescript return type
前端·javascript·typescript
叁佰万4 小时前
前端实战开发(一):从参数优化到布局通信的全流程解决方案
前端
笔尖的记忆5 小时前
js异步任务你都知道了吗?
前端·面试
光影少年5 小时前
react生态
前端·react.js·前端框架
golang学习记5 小时前
从0死磕全栈之Next.js 中的错误处理机制详解(App Router)
前端