Apresentamos os novos Runtimes dotLottie
Apresentamos os novos Runtimes dotLottie
Construído para Desempenho e Consistência Cross-Plataforma
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.
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.
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.
Diga adeus à frustração das animações inconsistentes em diferentes plataformas. Nossos Runtimes dotLottie garantem paridade de recursos na web, Android e iOS.
![Melhorar o desempenho](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
![Melhorar o desempenho](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
![Melhorar o desempenho](https://framerusercontent.com/images/z7wbLyw0LtBth9QPN2dbGNKIfU.png)
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.
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.
![Consistência da plataforma](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
![Consistência da plataforma](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
![Consistência da plataforma](https://framerusercontent.com/images/mLz62p5jqGFiO4pMqHBiU1YH50.png)
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.
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.
![expressões AE](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
![expressões AE](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
![expressões AE](https://framerusercontent.com/images/L87MjEQM6GEMekCjvZBWtBhTFs.png)
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.
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
Integrações Robustas da Estrutura
Com nossos runtimes, integrar-se com vários frameworks populares é fácil.
Com nossos runtimes, integrar-se com vários frameworks populares é fácil.
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
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
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
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.
Apresentamos dotLottie, nosso inovador formato de arquivo que traz uma série de benefícios: tamanho de arquivo reduzido, interatividade, expressões juntamente com tema e pacotes inclusos.
Apresentamos dotLottie, nosso inovador formato de arquivo que traz uma série de benefícios: tamanho de arquivo reduzido, interatividade, expressões juntamente com tema e pacotes inclusos.
![Tamanho do ficheiro reduzido](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
Tamanho do ficheiro reduzido
Comprima suas animações em até 80% e aumente ou diminua sem pixelação.
![Tamanho do ficheiro reduzido](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
Tamanho do ficheiro reduzido
Comprima suas animações em até 80% e aumente ou diminua sem pixelação.
![Tamanho do ficheiro reduzido](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
Tamanho do ficheiro reduzido
Comprima suas animações em até 80% e aumente ou diminua sem pixelação.
![Tamanho do ficheiro reduzido](https://framerusercontent.com/images/mNWcdvuLWLvFmLaRKeY9pYdwjOY.png)
Tamanho do ficheiro reduzido
Comprima suas animações em até 80% e aumente ou diminua sem pixelação.
![Tematização](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Tematização
Adapte suas animações com facilidade para o modo escuro, modo claro ou modos personalizados pelo usuário.
![Tematização](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Tematização
Adapte suas animações com facilidade para o modo escuro, modo claro ou modos personalizados pelo usuário.
![Tematização](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Tematização
Adapte suas animações com facilidade para o modo escuro, modo claro ou modos personalizados pelo usuário.
![Tematização](https://framerusercontent.com/images/UkENV8lvD9bz7V9vGB9RuHBYug.png)
Tematização
Adapte suas animações com facilidade para o modo escuro, modo claro ou modos personalizados pelo usuário.
![Interatividade](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interatividade
Aproveite novos métodos de interatividade para criar animações envolventes e interativas em todas as plataformas.
![Interatividade](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interatividade
Aproveite novos métodos de interatividade para criar animações envolventes e interativas em todas as plataformas.
![Interatividade](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interatividade
Aproveite novos métodos de interatividade para criar animações envolventes e interativas em todas as plataformas.
![Interatividade](https://framerusercontent.com/images/YS8DZGr15XqynE2Dbm7xm1aP3iw.png)
Interatividade
Aproveite novos métodos de interatividade para criar animações envolventes e interativas em todas as plataformas.
![Pacotes agrupados](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Pacotes combinados
Inclua múltiplas animações e assets num único ficheiro dotLottie, simplificando a gestão e implementação.
![Pacotes agrupados](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Pacotes combinados
Inclua múltiplas animações e assets num único ficheiro dotLottie, simplificando a gestão e implementação.
![Pacotes agrupados](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Pacotes combinados
Inclua múltiplas animações e assets num único ficheiro dotLottie, simplificando a gestão e implementação.
![Pacotes agrupados](https://framerusercontent.com/images/Ur1gqnpiGW7EHJXVRXMarxWyzI4.png)
Pacotes combinados
Inclua múltiplas animações e assets num único ficheiro dotLottie, simplificando a gestão e implementação.
![Desempenho incomparável](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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.
![Desempenho incomparável](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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.
![Desempenho incomparável](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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.
![Desempenho incomparável](https://framerusercontent.com/images/iO1D7h9aCHk0CIzEHDvXh4GvPHk.png)
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](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
Índice de desempenho
Nossos tempos de execução superam significativamente o atual reprodutor da web, como demonstrado em nosso detalhado índice de desempenho.
![Índice de desempenho](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
Índice de desempenho
Nossos tempos de execução superam significativamente o atual reprodutor da web, como demonstrado em nosso detalhado índice de desempenho.
![Índice de desempenho](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
Índice de desempenho
Nossos tempos de execução superam significativamente o atual reprodutor da web, como demonstrado em nosso detalhado índice de desempenho.
![Índice de desempenho](https://framerusercontent.com/images/C4vBAbMvNOCU0aUUPF9ps25q1a8.png)
Í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](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
biblioteca de JS
Crie e controle animações dotLottie com facilidade com a nossa poderosa biblioteca JavaScript.
![biblioteca JS](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
biblioteca de JS
Crie e controle animações dotLottie com facilidade com a nossa poderosa biblioteca JavaScript.
![biblioteca JS](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
biblioteca de JS
Crie e controle animações dotLottie com facilidade com a nossa poderosa biblioteca JavaScript.
![biblioteca JS](https://framerusercontent.com/images/4J1S1QUDOAg5IKiM8t9Yw3DZD0.png)
biblioteca de JS
Crie e controle animações dotLottie com facilidade com a nossa poderosa biblioteca JavaScript.
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%.
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.
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.
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.
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?
Como posso começar com dotLottie Runtimes?
Como posso começar com dotLottie Runtimes?
Como posso começar com dotLottie Runtimes?
Quais são os benefícios de usar dotLottie Runtimes em comparação com os existentes?
Quais são os benefícios de usar dotLottie Runtimes em comparação com os existentes?
Quais são os benefícios de usar dotLottie Runtimes em comparação com os existentes?
Quais são os benefícios de usar dotLottie Runtimes em comparação com os existentes?
Existem tutoriais ou documentação disponível?
Existem tutoriais ou documentação disponível?
Existem tutoriais ou documentação disponível?
Existem tutoriais ou documentação disponível?
Como funciona a extensão dotLottie em comparação com .json?
Como funciona a extensão dotLottie em comparação com .json?
Como funciona a extensão dotLottie em comparação com .json?
Como funciona a extensão dotLottie em comparação com .json?
Recursos adicionais
Lottie para programadores
Lottie para programadores
Descubra o ecossistema Lottie para integração e ferramentas
para facilitar a implementação de Lottie
Descubra o ecossistema da Lottie para integração e ferramentas para facilitar a implementação da Lottie