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

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

动画示例

动效库

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

相关推荐
倔强青铜三5 分钟前
WXT浏览器插件开发中文教程(8)----WXT配置详解之运行时配置
前端·javascript·vue.js
倔强青铜三14 分钟前
WXT浏览器插件开发中文教程(6)----WXT配置详解之环境变量
前端·javascript·vue.js
倔强青铜三15 分钟前
WXT浏览器插件开发中文教程(6)----WXT配置详解之自动导入
前端·javascript·vue.js
倔强青铜三30 分钟前
WXT浏览器插件开发中文教程(5)----WXT配置详解之浏览器启动设置
前端·javascript·vue.js
倔强青铜三42 分钟前
WXT浏览器插件开发中文教程(4)----WXT配置详解之manifest清单
前端·javascript·vue.js
若初&2 小时前
【新手初学】读取数据库数据
前端·数据库·web安全
靠近彗星2 小时前
Django:构建高性能Web应用
前端·python·django·sqlite
顺凡2 小时前
深入剖析 Browser Use:49.9K+ Star 的 AI 驱动浏览器自动化框架
前端·aigc·测试
沐土Arvin2 小时前
深入 SVG:矢量图形、滤镜与动态交互开发指南
开发语言·前端·javascript·css·html
IT、木易2 小时前
如何利用 CSS 的clip - path属性创建不规则形状的元素,应用场景有哪些?
前端·css