Wordpress Background

+

Add Lottie animations to WordPress without code

Add free Lottie animations to your WordPress site with the LottieFiles for WordPress plugin -- even if you can't code or design.

Watch video
LottieFiles WordPress Plugin
LottieFiles WordPress Plugin
LottieFiles WordPress Plugin
LottieFiles WordPress Plugin

The easiest way to add animation to WordPress

Animate your WordPress site in minutes

Add animation to your WordPress site in just a few clicks. No coding or design skills required.

Access the world’s largest free animation library

Search from thousands of free animations to add to your site. Animated user interface elements, characters, illustrations and more – it’s all here.

Increase user engagement

Use the magic of motion design to engage users, boost conversions and deliver memorable web experiences.

Why use Lottie animations?

Why use Lottie animations?

Faster page load speeds
Faster page load speeds
Faster page load speeds
Faster page load speeds

Faster page load speeds

Lotties are 600% smaller than GIFs. This means being able to animate your site – without slowing it down.

Stay sharp at any resolution
Stay sharp at any resolution
Stay sharp at any resolution
Stay sharp at any resolution

Stays sharp at any resolution

Lottie animations can be scaled up or down without pixelating. No matter the size, they always stay sharp.

Brand visual identity
Brand visual identity
Brand visual identity
Brand visual identity

Fits your brand’s visual identity

Customize Lottie animations to fit any brand identity. It’s quick and easy with the free Lottie Editor.

Get started in 3 simple steps

Step 1
Step 1
Step 1
Add new Lottie block
Add new Lottie block
Add new Lottie block

Add a new Lottie block

Install the LottieFiles for WordPress plugin. Then, in the WordPress Gutenberg editor, add a new block.

Step 2
Step 2
Step 2
Add Lottie animation
Add Lottie animation
Add Lottie animation
Add Lottie animation

Add the Lottie animation

Search for the "Lottie" block and insert it. Next, add a Lottie animation using the 'Discover animation, Media Library or Insert from URL.

Step 3
Step 3
Step 3
Preview Lottie animation
Preview Lottie animation
Preview Lottie animation

Preview the Lottie animation

Once added, you'll see a preview in the Gutenberg editor, and you can adjust the animation settings in the right-hand panel.

FAQ

FAQ

What is a Lottie?

A Lottie is a JSON-based animation file format that uses a textual, descriptive representation of the animation elements and movement towards a smaller file size, platform independence, resolution independence, and variable frame rate during animation playback. Open-source and free Lottie players exist on the Web, iOS, Android, Windows, and other platforms.

Where can I download the LottieFiles for WordPress plugin from?

Do I need to log in to use the plugin?

Does LottieFiles for WordPress supports dotLottie format?

Can I access my private animations from the Plugin?

Can I use this Plugin with Elementor?

Can I use this Plugin with Gutenberg Editor?

Can I import a Lottie JSON from my computer?

Ready to add motion to WordPress?

With the LottieFiles for WordPress plugin, adding animation is quick, easy and free.