HTML5 Animation Guides and Tips

We write tutorials, guides and tips about HTML5 interactive animations.

Creating a Cube with Saola Animate

In this tutorial, we will learn how to create a 3D object like a cube in Saola Animate without using a single line of code. Let’s go!

Using Symbols to Reuse Animations

Animation symbol is a powerful resource you often use when creating animations. It allows you to easily reuse elements, timelines, animations, etc. This tutorial describes the steps to create and use animation symbols in Saola Animate.

Using Multiple Timelines

A single scene in Saola Animate can have more than one timeline to easily organize and control complex animations. This tutorial will show you how to use multiple timelines and control timeline playback.

Adding Audio to HTML5 Animation

Saola Animate supports the HTML5 audio element, enabling native audio playback within the browser. In this tutorial, we’ll learn the ways to add audio to HTML5 animation.

Responsive Layout Basics

Responsive layout lets animations restyle to fit the device orientation and size changes. In this tutorial, you’ll learn the basics of responsive layout in Saola Animate.

Unleash your creativity & imagination with Saola Animate now!

Free Trial

30 Day Free Trial

Yearly Subscription

$49 / year

Perpetual License

$59