https://telegra.ph/%E8%AE%BE%E8%AE%A1%E8%B5%84%E6%BA%90%E5%90%88%E9%9B%86-08-25
# 设计资源合集
## 动画示例
- [uiGradients](https://uigradients.com): 渐变效果合集
- [Animista](https://animista.net): CSS3 动画效果合集
## 动效库
- [GSAP](https://gsap.com/): 专业的 JS 动效库，闭源
- [motion](https://motion.dev/): Framer 出的 framer-motion JS 网络动画开源库
- [popmotion](https://popmotion.io/): React 社区常用的开源动效库
- [useAnimations](https://www.webinteractions.gallery/): 非常全面的 icon 动效网站，底层使用 Lottie 的方式来渲染。
- [meteocons](https://bas.dev/work/meteocons):开源带动效的天气图标, 每种样式都包括动画和静态 SVG 文件。
## 插图库
- [illustrationkit](https://illustrationkit.com/): 开源插画集合，包含110多个场景和55+人物角色，可免费用于个人和商业项目中。
- [StorySet](https://storyset.com/): 免费的矢量插画合集。
- [unDraw](https://undraw.co/illustrations): 一个扁平化插画图库,支持下载SVG和PNG格式，可用于商业用途。
- [Open Doodles](https://www.opendoodles.com/): 涂鸦类型的插画集, 来自墨西哥设计师 Pablo Stanley 的最新免费插画资源,可用于商业用途。
- [openpeeps](https://www.openpeeps.com): 一个手绘插画库，用于创建人物场景，可免费用于个人和商用项目中。
- [Avataaars](https://avataaars.com/): 免费Sketch头像插画素材库。
- [Irasuton](http://www.irasuton.com): 提供了80多个分类的插画素材，可免费用于个人和商业项目中。
- [Girlysozai](http://girlysozai.com): 日本可爱手绘插画素材,Girlysozai网站上提供了人物、花、生物、食物等分类的手绘插画素材，可免费用于个人和商业项目中。
- [404 illustrations](https://error404.fun): 免费可商用的404插画素材, 网站上有23个PNG和SVG格式的404插画可用在web和移动端的不同场景中，同时这些插画可以免费用在商业和个人项目中。
## 图标库
- [iconify](https://iconify.design/): 超全的图标库，支持各种格式。
- [unicornicons](https://unicornicons.com/): 动态的图标库，非常适用于 hover 图标时的效果
- [iconbuddy](https://iconbuddy.app/)
- [fontawesome](https://fontawesome.com/icons)
- [MingCute](https://www.mingcute.com/)
## Logo 生成
- [iconbuddy](https://iconbuddy.app/logo-maker)
- [iconray](https://icon.ray.so/)
- [logodiffusion](https://logodiffusion.com/)
- [icon horse](https://icon.horse/)
- [favicon generator](https://realfavicongenerator.net/)
## Figma 资源
- [VectorTo3D 插件](https://www.figma.com/community/plugin/1264600219316901594/vector-to-3d)
- [Figma Resource](https://github.com/figma/plugin-resources?tab=readme-ov-file)
## 设计学习资源
- [5 课时让你掌握 Lottie 动画](https://heyjerio.notion.site/5-Lottie-83321ca1ab0e4687a49088b79f3d43a7)
## 动效设计网站 Galley
- [appmotion](https://appmotion.design): App 动效设计的汇集网站
- [webinteractions](https://www.webinteractions.gallery): 网页动效设计 Gallery
## 优秀设计网站分享
- https://toyfight.co/services
via https://github.com/YOYZHANG/design-material
#GitHub #Design #Tool #URL
# 设计资源合集
## 动画示例
- [uiGradients](https://uigradients.com): 渐变效果合集
- [Animista](https://animista.net): CSS3 动画效果合集
## 动效库
- [GSAP](https://gsap.com/): 专业的 JS 动效库，闭源
- [motion](https://motion.dev/): Framer 出的 framer-motion JS 网络动画开源库
- [popmotion](https://popmotion.io/): React 社区常用的开源动效库
- [useAnimations](https://www.webinteractions.gallery/): 非常全面的 icon 动效网站，底层使用 Lottie 的方式来渲染。
- [meteocons](https://bas.dev/work/meteocons):开源带动效的天气图标, 每种样式都包括动画和静态 SVG 文件。
## 插图库
- [illustrationkit](https://illustrationkit.com/): 开源插画集合，包含110多个场景和55+人物角色，可免费用于个人和商业项目中。
- [StorySet](https://storyset.com/): 免费的矢量插画合集。
- [unDraw](https://undraw.co/illustrations): 一个扁平化插画图库,支持下载SVG和PNG格式，可用于商业用途。
- [Open Doodles](https://www.opendoodles.com/): 涂鸦类型的插画集, 来自墨西哥设计师 Pablo Stanley 的最新免费插画资源,可用于商业用途。
- [openpeeps](https://www.openpeeps.com): 一个手绘插画库，用于创建人物场景，可免费用于个人和商用项目中。
- [Avataaars](https://avataaars.com/): 免费Sketch头像插画素材库。
- [Irasuton](http://www.irasuton.com): 提供了80多个分类的插画素材，可免费用于个人和商业项目中。
- [Girlysozai](http://girlysozai.com): 日本可爱手绘插画素材,Girlysozai网站上提供了人物、花、生物、食物等分类的手绘插画素材，可免费用于个人和商业项目中。
- [404 illustrations](https://error404.fun): 免费可商用的404插画素材, 网站上有23个PNG和SVG格式的404插画可用在web和移动端的不同场景中，同时这些插画可以免费用在商业和个人项目中。
## 图标库
- [iconify](https://iconify.design/): 超全的图标库，支持各种格式。
- [unicornicons](https://unicornicons.com/): 动态的图标库，非常适用于 hover 图标时的效果
- [iconbuddy](https://iconbuddy.app/)
- [fontawesome](https://fontawesome.com/icons)
- [MingCute](https://www.mingcute.com/)
## Logo 生成
- [iconbuddy](https://iconbuddy.app/logo-maker)
- [iconray](https://icon.ray.so/)
- [logodiffusion](https://logodiffusion.com/)
- [icon horse](https://icon.horse/)
- [favicon generator](https://realfavicongenerator.net/)
## Figma 资源
- [VectorTo3D 插件](https://www.figma.com/community/plugin/1264600219316901594/vector-to-3d)
- [Figma Resource](https://github.com/figma/plugin-resources?tab=readme-ov-file)
## 设计学习资源
- [5 课时让你掌握 Lottie 动画](https://heyjerio.notion.site/5-Lottie-83321ca1ab0e4687a49088b79f3d43a7)
## 动效设计网站 Galley
- [appmotion](https://appmotion.design): App 动效设计的汇集网站
- [webinteractions](https://www.webinteractions.gallery): 网页动效设计 Gallery
## 优秀设计网站分享
- https://toyfight.co/services
via https://github.com/YOYZHANG/design-material
#GitHub #Design #Tool #URL
