Elevate Your Website with Lottie Animations

You’ve put a lot of work into your website.

You’ve chosen the right template. Adjusted your colors. Refined your copy. Tweaked the layout until it finally feels like you.

And still, sometimes it can feel a little flat.

Not wrong. Not bad. Just missing that extra layer that makes it feel polished and intentional.

One of the simplest ways to elevate a website is through subtle motion. Even a small animated detail can help guide the eye, highlight what matters most, and make your site feel more modern.

That’s where Lottie comes in.

Lottie files are lightweight, vector-based animations. Think simple animated graphics that load quickly, stay crisp at any size, and don’t slow down your site. They give you movement without adding complexity.

And now you can take advantage of Lottie directly in Showit!

Here's one example of how animated icons bring a section to life.

What’s New

You can now add Lottie animation files directly inside Showit.

• A Lottie Player element is available in the Add Elements menu
• Upload and use both .lottie and .json files
• Adjust playback settings like speed, direction, and looping
• Animations stay crisp at any size and load quickly

Make What Matters Stand Out

Used thoughtfully, Lottie animations can help you:

• Draw attention to a booking button or call to action
• Add subtle movement to your hero section
• Highlight an announcement or new offer
• Add personality to icons or illustrations

Movement naturally guides attention. It helps visitors notice what you most want them to see.

And when your message is clear, your website feels more confident.

How to Get Started

1. Find a Lottie file from one of the many online libraries and download it in .lottie or .json format. Many platforms let you customize colors before exporting.
2. In Showit, drag and drop the file directly onto your canvas, or add the Lottie Player from the Add Elements menu and upload your file there.
3. Adjust playback settings like direction, loop, and speed to fit your design.

You don’t need to redesign your site to elevate it. Sometimes a small, intentional detail makes all the difference.

Learn more about using Lottie files...