Lottie Animations

Lottie animations are an effective way to add some whimsy to your designs.  In addition to a lively community at lottiefiles.com, the Lottie file format is commonly supported by animation tools, so it's easy to turn animations from almost any source into something that works with Sparkle in your website.

The animation files have a ".json" extension, so that's what you will be looking for when downloading animations. You can then either drop the file in the Sparkle canvas or add the animation element, then add the file from the inspector.

While a continuously bouncing animation can be a little too much, it might work in some specific pages. For example a tasteful animation makes sense on a contact form thank you page, or in a short lived popup.

Animation can be configured to run once or in a loop, and to loop only forward or back and forth. You can configure the animation playback speed.

Lottie animations start automatically when in view, and stop when scrolled out of view. This also works with popups.

Here's a Lottie animation:

Updated for Sparkle 3.1

Auf Deutsch

En Français

In Italiano

Please report any shortcoming in this documentation and we’ll fix it as soon as possible!

Sparkle combines an all-in-one approach, an understandable interface and a focus on producing high performance and search engine optimized websites. 

All in a powerful native Mac app. 

Nothing else comes close.

Copyright ©2021 River SRL 

IT06208340486 — REA FI-609716

This site uses cookies. Some are essential to make our site work; others help us improve the user experience and display third party content. By using the site, you agree to our site sending these cookies. Read our privacy policy to learn more or opt out.