Introducing the new dotLottie Runtimes

Introducing the new dotLottie Runtimes

Built for Performance and Cross-Platform Consistency

Built for Performance and Cross-Platform Consistency

Experience enhanced animations, faster load times, and reliable

cross-platform support with the new dotLottie Runtimes.

Experience enhanced animations, faster load times, and reliable

cross-platform support with the new dotLottie Runtimes.

Web JS
Web JS
Web JS
React
React
React
Vue JS
Vue JS
Vue JS
Svelte
Svelte
Svelte
iOS
iOS
iOS
Android
Android
Android

Seamless Cross-Platform Experience

Say goodbye to the frustration of inconsistent animations across platforms. Our dotLottie Runtimes ensure feature parity across web, Android and iOS.

Say goodbye to the frustration of inconsistent animations across platforms. Our dotLottie Runtimes ensure feature parity across web, Android and iOS.

Enhance performance

Enhanced performance

Experience lightning-fast, smooth animations with our optimized high-performance runtime, designed to boost efficiency across all devices.

Experience lightning-fast, smooth animations with our optimized high-performance runtime, designed to boost efficiency across all devices.

Platform consistency

Platform consistency

Achieve uniform animation rendering on web, iOS, and Android, ensuring your animations perform consistently across all platforms.

Achieve uniform animation rendering on web, iOS, and Android, ensuring your animations perform consistently across all platforms.

AE expressions

AE expressions ready

NEW

Effortlessly integrate AE Expressions with support across web, iOS, and Android, now seamlessly incorporated into the dotLottie player.

Effortlessly integrate AE Expressions with support across web, iOS, and Android, now seamlessly incorporated into the dotLottie player.

Robust Framework Integrations

Robust Framework Integrations

With our runtimes, integrating with various popular frameworks is effortless.

With our runtimes, integrating with various popular frameworks is effortless.

Web

React

VueJS

Svelte

iOS

Android

import { DotLottie } from '@lottiefiles/dotlottie-web';

const dotLottie = new DotLottie({
    autoplay: true,
    loop: true,
    canvas: document.querySelector('#dotlottie-canvas'),
    src: "https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie", // or .json file
});

Web

React

VueJS

Svelte

iOS