⌘K

새로운 dotLottie 런타임을 소개합니다

강력한 성능과 크로스 플랫폼을지원합니다

새로운 dotLottie 런타임을 사용하면 향상된 애니메이션, 빠른 로드 시간 및 신뢰할 수 있는

크로스 플랫폼 지원을 경험할 수 있습니다.

Experience enhanced animations, faster load times, and reliable

cross-platform support with the new dotLottie Runtimes.

Visit Developer Portal

향상된 크로스 플랫폼 지원

다양한 플랫폼 간 일관성 없는 애니메이션의 시대는 끝!  dotLottie 런타임은 웹, 안드로이드, IOS에서 일관성 있는 기능을 보장합니다.

향상된 성능

최적화된 고성능 런타임으로 빠르고 부드러운 애니메이션을 경험해보세요. 어느 기기에서나 높은 효율성을 제공합니다.

Canva 사례소개

성능 테스트 페이지

플랫폼 일관성

웹, IOS 및 안드로이드에서 동일한 애니메이션 렌더링을 지원하여 모든 플랫폼에서 일관된 애니메이션을 보장합니다.

지원 기능

After Effect Expressions 지원

새로운

이제 dotLottie 플레이어에서 웹, IOS, 및 안드로이드에서 AE Expressions를 완벽하게 지원합니다.

강력한 프레임워크 통합 기능

dotLottie 런타임을 이용하면 여러 프레임워크와의 통합을 쉽고 빠르게 할 수 있습니다.

Web

React

VueJS

Svelte

React Native

Flutter

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

React Native

Flutter

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

React Native

Flutter

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
});