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 是一个 Web 视觉化工具和动画循环播放器，其功能类似于 Apple 风格的屏幕保护程序。它使用 HTML5 Canvas 渲染流水线将高保真运动图形绘制到屏幕缓冲区以进行全屏显示。 该项目重现了 2018 年 Apple 技术发布会中的特定视觉动画。它具有一个可自定义的动画循环，其中播放序列和重复次数可以配置。 该系统包括一个主题驱动的颜色映射引擎，允许用户在浅色和深色配色方案之间切换。播放通过状态驱动的过渡逻辑进行管理，以协调动画之间的定时和视觉切换。

Lottie 是一个 JSON 矢量动画引擎和跨平台播放器，用于渲染分辨率无关的动态图形。它作为一个运行时渲染器，使用基于 JSON 的中间表示将 Adobe After Effects 合成转换为实时动画。 该项目通过在运行时实现对矢量资产的动态控制而脱颖而出。它允许通过分层键路径和动态主题对动画属性、颜色和播放状态进行编程修改。这使得动画能够响应实时应用状态变化和用户手势。 该引擎涵盖了广泛的功能，包括用于高性能的硬件加速渲染和模型缓存。它为帧搜索、段循环和事件触发提供了全面的播放控制，以及支持 3D 摄像机、形状变形和程序化矢量生成的渲染系统。资产管理通过多源数据导入进行处理，支持本地包、网络 URL 和各种矢量文件格式。

Vap 是一个跨平台动画引擎，旨在在 iOS、Android 和 Web 平台上渲染复杂的视觉效果。它作为一个硬件解码动画播放器，利用硬件加速视频解码来播放高压缩比的视觉效果和特殊动画。 该系统通过将用户定义的属性（如文本或图像）注入到活动动画中，实现动态视觉效果定制。这允许通过修改带有自定义数据的视频帧来创建个性化的观看体验。 该引擎专注于高压缩媒体交付和实时游戏视觉效果的播放。它利用跨平台渲染层在不同的设备环境中保持一致的动画行为和性能。

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