Repolode
Enviar
airbnb

airbnb/lottie-ios

Biblioteca iOS da Airbnb que renderiza nativamente, em tempo real, animações vetoriais do After Effects exportadas como JSON do bodymovin.

Ver no GitHubSite
Estrelas
26,905
Forks
3,838
Issues abertas
45
Último commit
há 15 dias

O que é?

O Lottie para iOS carrega animações vetoriais exportadas do After Effects no formato JSON do bodymovin e as renderiza nativamente em tempo real, sem exigir que os designers recriem o movimento manualmente. É compatível com iOS, macOS, tvOS e visionOS, e faz parte da família de projetos Lottie, que também inclui versões para Android e Web.

Como as animações são armazenadas em JSON, os arquivos ficam pequenos mesmo quando incluem movimentos complexos. A reprodução pode ser controlada redimensionando, repetindo em loop, alterando a velocidade, invertendo, reproduzindo um trecho da linha do tempo ou percorrendo a animação interativamente. Também é possível alterar propriedades como cor, posição e outros valores que podem ser definidos por keyframes durante a execução.

A biblioteca pode ser instalada com Swift Package Manager, CocoaPods ou Carthage. O projeto inclui um app de exemplo com mais de 100 animações e uma suíte de testes de snapshot.

Recursos principais

  • 01Renderiza nativamente animações JSON do bodymovin exportadas do After Effects em iOS, macOS, tvOS e visionOS.
  • 02Permite controlar a reprodução, incluindo repetir em loop, alterar a velocidade, inverter e reproduzir um trecho da animação.
  • 03Permite percorrer interativamente o progresso da animação.
  • 04Permite alterar durante a execução valores que podem ser definidos por keyframes, como cor e posição.
  • 05Pode ser instalada pelo Swift Package Manager, CocoaPods ou Carthage.

Casos de uso

  • Incluir em um app iOS animações de onboarding, carregamento ou microinterações criadas no After Effects.
  • Adicionar ilustrações animadas leves sem incluir arquivos grandes de vídeo ou GIF.
  • Criar animações interativas cujo progresso acompanha os gestos do usuário.

Início rápido

  1. 1

    No Xcode, escolha File → Add Packages e insira https://github.com/airbnb/lottie-spm.git

  2. 2

    Ou adicione o pod do Lottie ao seu Podfile

  3. 3

    Instale o pod no seu projeto

    pod install
  4. 4

    Importe o Lottie no seu código Swift

Antes de usar

  • Funciona apenas nas plataformas Apple: iOS, macOS, tvOS e visionOS.
  • São compatíveis apenas animações exportadas no formato JSON do bodymovin.

Tópicos

#animation#ios#swift#vector-graphics#after-effects#json#mobile-ui#bodymovin#custom-transitions#ios-animation

Perguntas frequentes

O que é lottie-ios?
Biblioteca iOS da Airbnb que renderiza nativamente, em tempo real, animações vetoriais do After Effects exportadas como JSON do bodymovin. O Lottie para iOS carrega animações vetoriais exportadas do After Effects no formato JSON do bodymovin e as renderiza nativamente em tempo real, sem exigir que os designers recriem o movimento manualmente. É compatível com iOS, macOS, tvOS e visionOS, e faz parte da família de projetos Lottie, que também inclui versões para Android e Web.
lottie-ios é gratuito? Qual é a licença?
lottie-ios é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
lottie-ios ainda é mantido?
Manutenção ativa. O último commit de lottie-ios foi em 6 de out. de 2026.
Para que posso usar lottie-ios?
Incluir em um app iOS animações de onboarding, carregamento ou microinterações criadas no After Effects. Adicionar ilustrações animadas leves sem incluir arquivos grandes de vídeo ou GIF. Criar animações interativas cujo progresso acompanha os gestos do usuário.
Como instalar lottie-ios?
No Xcode, escolha File → Add Packages e insira https://github.com/airbnb/lottie-spm.git Ou adicione o pod do Lottie ao seu Podfile Instale o pod no seu projeto: pod install Importe o Lottie no seu código Swift
Onde consigo lottie-ios?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/airbnb/lottie-ios

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados