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 is a web-based visualizer and animation loop player that functions as an Apple-inspired screensaver. It uses an HTML5 Canvas rendering pipeline to draw high-fidelity motion graphics to a screen buffer for full-screen display. The project recreates specific visual animations from a 2018 Apple technology event. It features a customizable animation loop where the playback sequence and repetition counts can be configured. The system includes a theme-driven color mapping engine that allows users to toggle between light and dark color schemes. Playback is managed through state-driven tran

Lottie ist eine JSON-Vektoranimations-Engine und ein plattformübergreifender Player, der auflösungsunabhängige Motion-Graphics rendert. Er fungiert als Laufzeit-Renderer, der Adobe After Effects-Kompositionen mithilfe einer JSON-basierten Zwischenrepräsentation in Echtzeit-Animationen übersetzt. Das Projekt zeichnet sich dadurch aus, dass es eine dynamische Steuerung von Vektor-Assets zur Laufzeit ermöglicht. Es erlaubt die programmatische Modifikation von Animations-Eigenschaften, Farben und Wiedergabezuständen durch hierarchische Key-Paths und dynamisches Theming. Dies ermöglicht es Animationen, auf Echtzeit-Anwendungszustandsänderungen und Benutzergesten zu reagieren. Die Engine deckt ein breites Spektrum an Funktionen ab, einschließlich hardwarebeschleunigtem Rendering und Modell-Caching für hohe Performance. Sie bietet eine umfassende Wiedergabesteuerung für Frame-Seeking, Segment-Looping und Event-Triggering, neben einem Rendering-System, das 3D-Kameras, Shape-Morphing und prozedurale Vektorgenerierung unterstützt. Das Asset-Management wird durch Multi-Source-Datenimport gehandhabt, der lokale Bundles, Netzwerk-URLs und verschiedene Vektordateiformate unterstützt.

Vap ist eine plattformübergreifende Animations-Engine, die darauf ausgelegt ist, komplexe visuelle Effekte über iOS-, Android- und Web-Plattformen hinweg zu rendern. Sie fungiert als hardware-decodierter Animations-Player, der hardwarebeschleunigte Videodecodierung nutzt, um hochkomprimierte visuelle Effekte und spezielle Animationen abzuspielen. Das System ermöglicht die dynamische Anpassung visueller Effekte durch das Injizieren benutzerdefinierter Eigenschaften, wie etwa Text oder Bilder, in aktive Animationen. Dies ermöglicht die Erstellung personalisierter Seherlebnisse durch das Modifizieren von Videoframes mit benutzerdefinierten Daten. Die Engine konzentriert sich auf die Bereitstellung hochkomprimierter Medien und die Wiedergabe von Echtzeit-Gaming-Visuals. Sie nutzt eine plattformübergreifende Rendering-Schicht, um konsistentes Animationsverhalten und Performance über verschiedene Geräteumgebungen hinweg beizubehalten.

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