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

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

动画示例

动效库

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

相关推荐
芹丸子几秒前
vue cli 创建项目一直失败
前端
鹏程十八少5 分钟前
6.android Vivo手机 指纹解锁动画 (附源码)
前端
AliciaIr5 分钟前
深入理解React Hook:useRef的底层机制与高级应用
前端·react.js
子林super5 分钟前
Linux下各种连接数配置及高并发Nginx优化
前端
Dream耀8 分钟前
CSS过渡 vs 动画:都有哪些技巧
前端·css
程思扬9 分钟前
无界设计新生态:Penpot开源平台与cpolar的云端协同创新实践
大数据·linux·服务器·前端·经验分享·ubuntu·开源
1024小神10 分钟前
Cocos游戏开发中,如何动态加载资源和远程资源 resources
前端·javascript
圆心角11 分钟前
浏览器垃圾回收机制-面试足够了
前端·浏览器·v8
云边散步14 分钟前
《校园生活平台从 0 到 1 的搭建》第三篇:后端的微信授权登录
前端·后端
猫和老许22 分钟前
Vue 3 拖拽排序功能优化实现:从原理到实战应用
前端·javascript·vue.js