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

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

动画示例

动效库

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

相关推荐
吃饺子不吃馅7 分钟前
如何设计一个 Canvas 事件系统?
前端·canvas·图形学
Baklib梅梅22 分钟前
无头内容管理系统:打造灵活高效的多渠道内容架构
前端·ruby on rails·前端框架·ruby
over69742 分钟前
浏览器里的AI魔法:用JavaScript玩转自然语言处理
前端·javascript
over6971 小时前
弹性布局完全指南:从文档流到Flexbox实战
css
渣渣盟1 小时前
探索Word2Vec:从文本向量化到中文语料处理
前端·javascript·python·文本向量化
Pu_Nine_91 小时前
Vue 3 + TypeScript 项目性能优化全链路实战:从 2.1MB 到 130KB 的蜕变
前端·vue.js·性能优化·typescript·1024程序员节
云枫晖2 小时前
Webpack系列-Loader
前端·webpack
aggression2 小时前
代码敲击乐:让你了解前端的动静结合和移动端的适配性
前端
yinuo2 小时前
深入理解与实战 Git Submodule
前端
骑自行车的码农2 小时前
React 事件收集函数
前端·react.js