LottieFiles

Apresentamos os novos Runtimes dotLottie

Construído para Desempenho e Consistência Cross-Plataforma

Vivencie animações aprimoradas, tempos de carregamento mais rápidos e suporte confiável em várias plataformas com os novos tempos de execução do dotLottie.

Web JS
React
Vue JS
Svelte
Flutter
iOS
Android

Experiência perfeita em multiplataforma

Diga adeus à frustração das animações inconsistentes em diferentes plataformas. Nossos Runtimes dotLottie garantem paridade de recursos na web, Android e iOS.

Enhance performance

Desempenho melhorado

Experiencie animações rápidas e suaves com o nosso tempo de execução de alta performance otimizado, projetado para aumentar a eficiência em todos os dispositivos.

Platform consistency

Consistência da plataforma

Alcance uma renderização uniforme de animações na web, iOS e Android, garantindo que suas animações sejam executadas de forma consistente em todas as plataformas.

AE expressions

AE expressões prontas

NOVO

Integre facilmente as expressões do AE com suporte em todas as plataformas: web, iOS e Android, agora integradas de forma perfeita no reprodutor dotLottie.

Integrações Robustas da Estrutura

Com nossos runtimes, integrar-se com vários frameworks populares é fácil.

Web

React

VueJS

Svelte

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

A vantagem do dotLottie

Apresentamos o dotLottie, nosso inovador formato de arquivo que traz uma série de benefícios:
tamanho de arquivo reduzido, interatividade, expressões juntamente com temas e pacotes agrupados.

Tamanho do ficheiro reduzido

Tamanho do ficheiro reduzido

Comprima suas animações em até 80% e aumente ou diminua sem pixelação.

Tematização

Tematização

Adapte suas animações com facilidade para o modo escuro, modo claro ou modos personalizados pelo usuário.

Interatividade

Interatividade

Aproveite novos métodos de interatividade para criar animações envolventes e interativas em todas as plataformas.

Pacotes agrupados

Pacotes combinados

Inclua múltiplas animações e assets num único ficheiro dotLottie, simplificando a gestão e implementação.

Desempenho incomparável

Desempenho incomparável

As novas runtimes dotLottie são impulsionadas pelo motor gráfico de alta performance ThorVG. Com suporte para o formato dotLottie, que é 80% menor do que um JSON normal.

Índice de desempenho

Índice de desempenho

Nossos tempos de execução superam significativamente o atual reprodutor da web, como demonstrado em nosso detalhado índice de desempenho.

biblioteca JS

biblioteca de JS

Crie e controle animações dotLottie com facilidade com a nossa poderosa biblioteca JavaScript.

Canva logo

No nosso caso, isso levou a uma poupança de aproximadamente 8 segundos, representando uma melhoria de cerca de 80%. Da mesma forma, em termos de memória, poupámos aproximadamente 164MB, o que equivale a ~70%.

FAQs

Que plataformas e frameworks são suportados?

Nossas Runtimes dotLottie suportam web, Android, iOS, assim como frameworks populares como React, Node.js, Vue.js e mais.

Como posso começar com dotLottie Runtimes?
Quais são os benefícios de usar dotLottie Runtimes em comparação com os existentes?
Existem tutoriais ou documentação disponível?
Como funciona a extensão dotLottie em comparação com .json?

Lottie para programadores

Descubra o ecossistema Lottie para integração e ferramentas
para facilitar a implementação de Lottie