• 照片与视频（见上篇）
• 插图（见上篇）
• 调色板（见上篇）
• 字体设计（见上篇）
• 动画效果（本篇）
• 图标（本篇）
• 图案（本篇）
• 其他工具（本篇）

动画效果

Smooth Shadow Generator

Smooth Shadow Generator是一款可视化的CSS box-shadow编辑器。

CSSeffectsSnippets

一组由Vue.js开发的CSS动效插件。

Separator Generator

一个定制的CSS分割线样式集合，可以轻松复制代码并用于我们的项目中。

Animista

在Animista上面，你可以使用并调整一系列现成的CSS动画，并在需要的时候下载代码。

Draggable

一个轻量级的、响应式的、现代化的拖拽操作库。

Block Reveal Effects

文字块动效。

图标

IconStore

由一流的设计师设计的用于个人和商业项目的免费矢量图标库。

CSS Icons

开源的CSS、SVG和Figma UI Icons，可使用SVG Sprite、styled-components、npm以及API。

Tilda Icons

700多个免费的登陆页图标的集合。

Ikonate

完全可定制且免费的矢量图标。

Eva Icons

Eva Icons是一个包含480多个精美的开源图标的包。

Animated Icons

400个免费动画图标，可下载JSON格式的Lottie，GIF和After Effects格式。

图案与图形

CSS Patterns

纯CSS库，为生成各样背景图案。

Get Waves

Get Waves可以生成svg波纹，而且每次都不一样。

Blob Maker

Blob Maker可以让我们在线设计并生成SVG形状。

Rad Lines

Rad Lines是一个生成多边形SVG的网络工具。

Paaatterns

Paaatterns是一个免费的矢量图形库。

Scribbbles

100+矢量化的涂鸦，为你的设计项目增色不少。

其他工具

Nucleo App

一个强大的应用程序，收集，自定义和导出所有的图标。

Checklist Design

最佳用户体验和UI实践的集合。

上篇文章，我为大家带来了一些使用的照片与视频、插图、调色板、字体设计等免费素材库。 浏览上篇文章可点击 ：juejin.cn/post/693936…

--阅读更多文章，请关注我的公众号 ：未定义变量