Google Web Designer

webdesigner.withgoogle.com

谷歌出品的免费可视化工具，用于制作 HTML5 广告、动效与交互式网页设计，支持代码编辑。

免费HTML/CSS网页MacWindows

被推荐 1 次

适合做什么

适合广告设计师、营销人员制作 HTML5 横幅广告与动态创意，也适合前端开发者快速搭建交互页面。

授权

技术栈

平台

@bradtraversy/design-resources-for-developers · awesome 列表出处 ↗

Google Web Designer Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.

动效制作工具

实时交互动效设计工具，可在编辑器内设计、动画并直接集成到各平台，无需交付环节。

移动 App

rive.app1 处推荐详情

动画库

带可视化编辑器的 JavaScript 动画库，可动画化 DOM、WebGL 及任意 JS 变量。

开源

theatrejs.com2 处推荐详情

动效制作工具

macOS 上的 HTML5 动画与交互内容创作工具，无需写代码即可制作网页动画。

付费HTML/CSS落地页作品集演示

tumult.com1 处推荐详情

动效制作工具

在线协作动效设计工具，快速制作专业动画，支持AI生成与批量导出。

jitter.video1 处推荐详情

动效制作工具

面向产品团队的 Lottie 动画设计工具，可快速创建、编辑并发布动画到网站和 App。

移动 App

lottielab.com1 处推荐详情

动效制作工具

Mac 上的免费 GIF 录制工具，一键截屏录屏并导出 GIF 或 MP4。

免费

giphy.com1 处推荐详情