All the power of Lotties.
Now available in STUDIO.

Add Lottie animations from LottieFiles to STUDIO without writing a single line of code. From hover to scroll-based animations, your imagination is the only limit.

What is a Lottie?

Lottie is a JSON-based animation file format. By utilizing LottieFiles, you can embed lightweight animations into websites, bringing dynamic flair with ease.

Learn more about LottieFiles

Animation

More expression. Less coding.

Add expressive animations without ever writing a single line of code.

Autoplay

Animation by

Abdul Latif

Play when visible

Animation by

Aniee

Play on hover

Animation by

Abdul Latif

Play on click

Animation by

Daru Broodryk

Sync with scroll

Animation by

Tushar

Sync with cursor

Animation by

Abdul Latif

How it works

3 steps to add Lottie animations

Whether it’s your own custom animations or free Lottie animations, adding them to your STUDIO site is a breeze.

Create your Lottie animation

Or choose from a variety of free ones available on the LottieFiles website.

Browse Lottie animations

Paste the animation URL into STUDIO

Place a Lottie box, and enter the dotLottie or Lottie JSON URL into Asset link.

Set how you'd like to play the animation

After configuring playback conditions and speed, go ahead and preview the animation. If everything looks great, just hit publish and launch your site!

Follow along the tutorial