Awesome GitHub RepositoriesJSON Animation Rendering

Lottie-android is a native vector animation engine and library for Android that parses JSON specification files into high-fidelity animations. It functions as a JSON animation parser and renderer, translating After Effects exported data into native draw calls to maintain design fidelity on mobile devices. The library supports dynamic user interface control by allowing the modification of animation properties, such as colors, text, and shape attributes, during runtime playback. It also integrates with system-level accessibility settings to adjust playback and visibility in accordance with redu

Bodymovin is a motion graphics pipeline tool and plugin that exports After Effects animations into JSON files for native rendering on web and mobile platforms. It serves as a cross-platform animation bridge, converting complex vector motion designs into a portable Lottie format for use across different operating systems and frameworks. The project enables high-performance web animation by rendering motion graphics using SVG, Canvas, or HTML. It ensures consistent playback across diverse environments by converting dynamic expressions into static keyframes during the export process. The toolse

lottie-react-native is a React Native animation library and cross-platform vector animation engine used to render high-quality animations exported from After Effects via the Lottie file format. It functions as a Lottie animation player that allows mobile applications to display hardware-accelerated animations that maintain visual quality across different screen resolutions. The library serves as a dynamic animation controller, enabling the manipulation of playback, color filters, and text layers in real time. It provides the ability to change animation colors and visuals by applying filters t

lottie-react-native is a library for rendering Lottie JSON animations as native graphics within a cross-platform mobile framework. It serves as a JSON-based animation renderer that parses design-exported files into high-performance vector animations on mobile devices. The framework uses a GPU-accelerated vector animation implementation to offload rendering to the device processor, reducing CPU load to maintain smooth motion. It provides a cross-platform motion framework for controlling animation playback, layout scaling, and dynamic color modifications across different mobile screens. The li

react-native-skia is a cross-platform graphics framework that provides a high-performance 2D graphics engine for rendering shapes, paths, and images. It functions as a vector graphics engine and UI animation toolkit, allowing for hardware-accelerated visuals across mobile and web platforms. The project is distinguished by its integration of the Skia 2D graphics library, enabling a shader and filter pipeline for complex pixel-level effects. It supports the rendering of Lottie animations exported from After Effects and the execution of animations directly on the UI thread to maintain fluid moti

The official rendering library for PAG (Portable Animated Graphics) files that renders After Effects animations natively across multiple platforms.

BioDrop is a link-in-bio page builder that lets users create a single landing page aggregating links to their content, projects, and social profiles. Profiles are built from structured JSON data, which is rendered into a dynamic web page layout at runtime, and can also be created through a guided web form interface for a no-code setup experience. The project supports displaying testimonials and endorsements on a profile to build credibility, listing upcoming events a user is participating in, and showcasing a chronological timeline of milestones or personal history. Profile data and settings

Brooklyn est un visualiseur web et un lecteur de boucle d'animation qui fonctionne comme un économiseur d'écran inspiré d'Apple. Il utilise un pipeline de rendu HTML5 Canvas pour dessiner des graphiques animés haute fidélité vers un tampon d'écran pour un affichage plein écran. Le projet recrée des animations visuelles spécifiques d'un événement technologique Apple de 2018. Il dispose d'une boucle d'animation personnalisable où la séquence de lecture et les nombres de répétitions peuvent être configurés. Le système inclut un moteur de mappage de couleurs piloté par thème qui permet aux utilisateurs de basculer entre des schémas de couleurs clairs et sombres. La lecture est gérée via une logique de transition pilotée par l'état pour coordonner le timing et les changements visuels entre les animations.

Lottie est un moteur d'animation vectorielle JSON et un lecteur multiplateforme qui rend des graphiques animés indépendants de la résolution. Il fonctionne comme un moteur de rendu runtime qui traduit les compositions Adobe After Effects en animations en temps réel en utilisant une représentation intermédiaire basée sur JSON. Le projet se distingue en permettant un contrôle dynamique sur les actifs vectoriels au moment de l'exécution. Il permet la modification programmatique des propriétés d'animation, des couleurs et des états de lecture via des chemins de clés hiérarchiques et des thèmes dynamiques. Cela permet aux animations de répondre aux changements d'état de l'application en temps réel et aux gestes de l'utilisateur. Le moteur couvre un large éventail de capacités, y compris le rendu accéléré par le matériel et la mise en cache des modèles pour des performances élevées. Il fournit un contrôle de lecture complet pour la recherche d'images, la boucle de segments et le déclenchement d'événements, parallèlement à un système de rendu qui prend en charge les caméras 3D, le morphing de formes et la génération vectorielle procédurale. La gestion des actifs est gérée via l'importation de données multi-sources, prenant en charge les bundles locaux, les URL réseau et divers formats de fichiers vectoriels.

Vap est un moteur d'animation multiplateforme conçu pour rendre des effets visuels complexes sur les plateformes iOS, Android et Web. Il fonctionne comme un lecteur d'animation décodé matériellement qui utilise le décodage vidéo accéléré par le matériel pour lire des effets visuels à haute compression et des animations spéciales. Le système permet une personnalisation dynamique des effets visuels en injectant des propriétés définies par l'utilisateur, telles que du texte ou des images, dans des animations actives. Cela permet la création d'expériences de visionnage personnalisées en modifiant les images vidéo avec des données personnalisées. Le moteur se concentre sur la livraison de médias à haute compression et la lecture de visuels de jeu en temps réel. Il utilise une couche de rendu multiplateforme pour maintenir un comportement d'animation et des performances cohérents à travers différents environnements d'appareils.

Motionity is a browser-based motion graphics editor and video compositor. It provides a visual timeline for creating animated videos and compositions using a layer-based system and keyframe animation tools. The project features a dedicated Lottie animation renderer, allowing users to import and render vector-based files for scalable motion graphics. It includes specialized tools for keyframe animation, using easing functions to control object movement and property transitions. The platform covers a broad range of production capabilities, including digital asset composition, video clip editin

Lottie React is a component library for rendering complex motion graphics and vector animations in web applications. It translates pre-exported animation data structures directly into real-time vector rendering instructions at runtime, allowing applications to display scalable graphics without relying on heavy video files or raster images. The library encapsulates animation runtimes inside declarative components and hooks, and provides an imperative controller that exposes programmatic methods to manage playback states such as playing, pausing, and seeking. It handles rendering dynamically th