Awesome GitHub RepositoriesAnimations and Effects

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

Hover is a collection of pre-defined CSS3 animations and reusable stylesheets for links, buttons, and images. It serves as a web UI animation kit and a library of styles written in CSS, Sass, and LESS to provide visual feedback when a user hovers over an element. The library includes specialized interactive effects that simulate tactile behaviors, such as page curls and the rendering of speech bubbles. It also provides a set of animation primitives to manipulate backgrounds, borders, shadows, and glow effects to simulate depth and elevation. The project covers a wide range of element motion

Typed.js is a JavaScript typing animation library and DOM text animator used to simulate a user typing and erasing text. It serves as a frontend animation tool for creating dynamic text transitions and visual effects within HTML elements. The library distinguishes itself through the ability to render animated typing sequences directly inside the placeholder attribute of HTML input fields. It also supports reading animation strings from static HTML elements to maintain search engine visibility and accessibility. The tool covers animation control with configurable timing and playback state man

AndroidViewAnimations is an animation library and visual effects toolkit for Android applications. It provides a framework for implementing motion effects, such as bouncing, sliding, and rotating transitions, for views within Android layouts. The library features a collection of predefined motion presets and stylized transition effects. These include curated sequences for shaking and pulsing to guide user attention, as well as complex movements like hinging or rolling for interface entry and exit. The toolkit covers a wide range of visual effects, including linear slides, elastic bounces, tr

Pixelorama is a cross-platform digital art multitool designed as a pixel art editor, frame-based animation tool, and tilemap design suite. It provides specialized utilities for drawing low-resolution sprites with pixel-perfect precision and generating sprite sheets for game engines. The software distinguishes itself through a dedicated tilemap design system supporting rectangular, isometric, and hexagonal sets, and a frame-based animation system featuring onion skinning and audio synchronization. It also includes a plugin system that allows the installation of community-developed tools for as

gifski-app is a native macOS desktop application used to convert video files into high-quality animated GIFs. It functions as both a standalone tool and a macOS system extension, allowing for the transformation of media files into animations with configurable dimensions, frame rates, and looping options. The application includes a specialized bounce animation generator that creates yo-yo effect images, which play forward and then backward in a continuous loop. Integration with the macOS ecosystem enables conversion directly from the system share menu within other applications. The software a

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

AndroidImageSlider est un composant d'interface utilisateur Android réutilisable conçu pour afficher des séquences d'images locales ou distantes. Il fonctionne comme une visionneuse d'images balayable et un widget de galerie multimédia pour intégrer des carrousels et des bannières dans les mises en page d'applications Android. La bibliothèque propose des animations de transition personnalisables pour son composant de slider d'images. Elle inclut des fonctionnalités pour présenter des galeries photo et des diaporamas d'introduction pour l'onboarding des applications. Le composant utilise un pattern adaptateur pour la liaison de données et un conteneur de défilement pour la navigation. Il intègre le chargement d'images avec mise en cache bitmap, un moteur d'animation programmatique pour les transformations de vue et une fonctionnalité de lecture automatique.

ListViewAnimations est un framework de mouvement d'éléments de liste Android et une bibliothèque d'animation conçue pour implémenter des transitions visuelles et de l'interactivité au sein des vues de liste et de grille. Il fournit une boîte à outils pour gérer le mouvement des éléments, se concentrant spécifiquement sur la façon dont les éléments apparaissent, se déplacent et effectuent des transitions au sein d'une interface utilisateur. La bibliothèque permet des gestes interactifs complexes, notamment le balayage pour supprimer (swipe-to-dismiss) et le réordonnancement par glisser-déposer. Elle prend également en charge l'expansion animée des éléments de liste pour révéler du contenu masqué et applique des effets visuels tels que le fondu et la mise à l'échelle à mesure que les éléments entrent dans l'écran. Le framework couvre les transitions structurelles pour ajouter, supprimer ou déplacer des éléments, assurant une interface réactive grâce à un mouvement coordonné et des animations basées sur les propriétés.

Rebound est un framework de mouvement et un moteur physique Java conçu pour créer des mouvements physiques naturels dans les animations d'interface utilisateur. Il fonctionne comme une bibliothèque de physique à ressorts qui modélise les forces et les oscillations pour piloter des transitions d'interface fluides. Le framework implémente un design de mouvement interactif en simulant des dynamiques de ressorts réelles et des forces physiques plutôt que d'utiliser des transitions linéaires. Cela permet de créer des mouvements organiques au sein des applications Java. Le moteur gère l'animation basée sur la physique via des simulations à ressorts, utilisant une intégration à pas de temps discret et des boucles de mise à jour indépendantes de la fréquence d'images. Il utilise des dynamiques basées sur des paramètres, tels que les ratios de raideur et d'amortissement, ainsi qu'une interpolation de mouvement basée sur l'état pour déterminer la position des éléments de l'UI.

Cmatrix est un visualiseur et simulateur de terminal basé sur C conçu pour rendre des flux de caractères en cascade dans un environnement de terminal de type Unix. Il utilise des codes d'échappement ANSI pour créer une animation de texte défilant qui imite l'effet de pluie numérique du film The Matrix. Le programme fonctionne comme un outil d'animation basé sur le terminal, simulant du code tombant et une esthétique cyberpunk pour fournir un économiseur d'écran décoratif pour les périodes d'inactivité du système. Il produit une cascade continue de texte en utilisant une génération de caractères pseudo-aléatoire. Le système interne gère les effets visuels via un mapping d'écran basé sur les coordonnées, une sortie de terminal tamponnée pour minimiser le scintillement et une gestion de colonne basée sur l'état pour suivre la position verticale des caractères.

Transitions Everywhere est une bibliothèque d'animation de vues Android et un framework de transition d'interface utilisateur. Il sert d'extension à la bibliothèque Jetpack Transitions, fournissant une boîte à outils pour implémenter des animations de mouvement et de recoloration lors des transitions d'éléments. La bibliothèque permet la création d'effets personnalisés de mise à l'échelle, de translation et de rotation pour gérer les changements d'état visuel dans les interfaces mobiles. Elle fournit un ensemble d'effets d'animation supplémentaires construits sur le framework Android Jetpack pour obtenir une expérience visuelle dynamique. Le framework couvre la personnalisation des transitions de vues et le motion design d'interface, utilisant l'interpolation d'état basée sur les propriétés et la capture de la hiérarchie des vues pour orchestrer les mouvements entre les états de l'interface.

This project is a terminal graphics library and command-line visual effects tool designed to create dynamic motion graphics using ANSI escape sequences. It provides a framework for implementing an ANSI text animation engine and a motion processor that handles the movement of characters along paths within a shell environment. The tool is distinguished by its wide array of pre-defined visual effects, ranging from simulated environmental phenomena like thunderstorms and fire to high-tech reveals such as laser etching and decryption animations. It also supports extensibility through a plugin-base

This project is a customizable animation engine and digital rain visualizer. It functions as a dynamic visual effects sandbox and WebGL graphics demonstration that simulates falling code animations. The system distinguishes itself through the use of browser address bar parameters to modify colors, geometry, and animation speed in real time. It allows for the integration of live camera feeds and static images to create mirrored or masked compositions. The engine covers high-performance graphics rendering, coordinate-based perspective mapping, and dynamic color palette customization via themed

This project is a comprehensive learning resource and technical reference for reactive programming with RxJS. It provides a structured curriculum, curated examples, and an indexed operator catalog to help developers shift from imperative to declarative programming using observable data streams and functional operators. The repository features a library of reactive UI patterns and implementation recipes. These cover practical applications such as type-ahead search, game loops, gesture-based interactions like swipe-to-refresh, and security overlays like lockscreens. The resource covers a broad

Android StackBlur is a library that can perform a blurry effect on a Bitmap based on a gradient or radius, and return the result. The library is based on the code of Mario Klingemann.

This project is a Tailwind CSS animation library and accessibility-aware motion framework. It provides a collection of utility classes for adding high-performance keyframe animations and motion effects to web projects, while automatically respecting user-defined reduced motion preferences. The system includes a browser-based animation designer for creating and exporting custom presets as CSS styles or utility classes. It also functions as a scroll-triggered animation framework, enabling entrance and exit transitions that execute as elements enter the viewport, including support for staggered

Blotter is a WebGL text rendering engine and fragment shader text visualizer. It provides a system for composing and previewing stylized text effects by applying custom GLSL fragment shaders to text elements on a web canvas. The project includes a shader editor for defining and updating custom shader logic and uniforms in real time. This interface allows for the creation of unique visual styles and the modification of rendering variables without reloading the underlying logic. The engine incorporates performance optimizations for WebGL rendering, utilizing texture atlas batching and a single

A component for flip animation on Android, which is similar to the effect in Flipboard iPhone/Android

Android ImageViews animated by Ken Burns Effect