Projects sharing features with Typed.js

This project is an animated SVG text generator used to create customizable vector graphics for profile pages and repository documentation. It produces images that feature typing animations and rotating text phrases to enhance the visual presentation of personal or project profiles. The tool includes a generator for simulating a typing effect and another for cycling through multiple text phrases. Users can configure specific fonts, colors, and animation timings to create stylized assets and themed text sequences. The system generates these graphics on the fly by parsing URL parameters into vi

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

This project is a declarative motion framework and JavaScript animation engine designed to transition CSS properties, SVG attributes, and DOM elements. It provides a comprehensive set of tools for creating complex, multi-part motion sequences by synchronizing animations, timers, and callbacks into a single, unified timeline. The library distinguishes itself through a robust timeline-based sequence orchestrator that allows for precise timing, label-based control, and hierarchical nesting of animations. It also features a physics-driven interaction library that enables draggable elements with c

GSAP is a comprehensive JavaScript animation library designed for orchestrating complex motion sequences and interactive user interfaces. It provides a robust property-interpolation engine that calculates intermediate values for CSS styles, attributes, and numeric properties, enabling smooth visual transitions across web elements. The framework is built on a core architecture that manages animation lifecycles, timeline-based sequence orchestration, and virtual property interception to ensure precise control over motion. The library distinguishes itself through a modular, plugin-based extensib

maptalks.js is a JavaScript map rendering library and web map interaction framework used to render interactive 2D and 3D geographic data on a web canvas. It functions as a 3D geospatial engine supporting 3DTiles and GLTF formats, a GeoJSON visualization tool, and a spatial analysis library. The project distinguishes itself through high-performance rendering and dynamic geospatial animation, including the ability to simulate traffic flow and execute smooth visual transitions for map elements. It provides comprehensive tools for interactive geometry editing, allowing users to draw and modify ve

This project is a technical guide and implementation library for advanced visual effects and hardware-accelerated animations using the Core Animation framework on iOS. It provides a comprehensive reference for creating high-performance motion graphics, custom graphic rendering, and the construction of 3D engines using perspective transforms and Z-axis manipulation. The collection distinguishes itself through a deep focus on GPU rendering optimization and graphics performance. It covers advanced strategies to maintain high frame rates, such as reducing offscreen rendering via shadow path optim

This repository is a comprehensive collection of functional 2D and 3D demo projects and implementation samples for the Godot Game Engine. It serves as an interactive tutorial and reference library, providing a working codebase to demonstrate how to apply engine features in real-world scenarios. The collection focuses on practical implementation guides, covering a wide array of technical capabilities from basic engine fundamentals to advanced rendering and scripting techniques. It allows users to study the application of node-based composition, asset pipelines, and game logic through direct ex

This library is a jQuery plugin that provides interactive, hardware-accelerated fluid surface simulations for web-based user interfaces. It renders realistic water ripple animations over existing DOM elements, allowing static backgrounds to respond dynamically to user input. The plugin distinguishes itself by utilizing WebGL fragment shaders to calculate pixel displacement and fluid motion in real time. By mapping background images as textures and injecting coordinate-based disturbances, it creates responsive visual feedback that reacts to mouse movements and clicks without disrupting the und

uillayouts is a comprehensive design system consisting of interactive components, responsive templates, motion-enhanced UI kits, and advanced visual effect toolkits. It provides a collection of accessible React UI components and pre-designed layout sections for landing pages. The project is distinguished by a specialized visual effects library and motion-driven components. It features high-performance graphical enhancements such as glassmorphism, mesh gradients, noise overlays, and SVG masking, alongside interactive elements that utilize physics-based animations and cursor-tracking effects.

LTMorphingLabel is a Swift UI component and animation framework designed to create visual morphing transitions between text strings within labels. It functions as a text morphing library that replaces static text updates with dynamic visual effects. The framework utilizes shaders and animations to blend one text string into another using effects such as scaling, pixelation, or burning. It achieves these transitions by coordinating high-level animation timing with low-level graphics rendering. The project covers a range of capabilities including temporal image blending and snapshot-based stat

Graphite is a node-based visual design environment that integrates vector illustration, raster image processing, and motion graphics generation into a single platform. It utilizes a functional reactive pipeline and a data-flow execution model to propagate state changes through a graph of interconnected nodes, allowing users to construct complex, automated design workflows. The platform distinguishes itself through a context-aware evaluation engine that injects runtime metadata—such as coordinate data and loop indices—directly into the node graph. This enables the creation of procedural geomet

Vue seamless scroll is a frontend animation library and Vue.js component designed to create continuous, infinite scrolling effects for lists and containers. It animates content in an endless loop without visual interruption or stuttering, supporting both horizontal and vertical scrolling directions. The library manages scrolling behavior through configuration options that adapt to various design layouts and speed requirements. It supports step-based content scrolling for controlled progression alongside continuous motion, letting developers configure scroll paths and operational parameters d

react-motion is a physics-driven animation toolkit and library for React applications. It provides a system for creating fluid user interface transitions by simulating natural spring movement to move elements toward destination values using stiffness and damping parameters. The framework manages the visual entry and exit of components as they mount and unmount within the document structure. It coordinates complex motion patterns, including staggered animations and fluid transitions for items being added, removed, or reordered within dynamic lists. The library covers a broad range of animatio

tween.js is a JavaScript animation engine and numeric interpolation library. It is designed to calculate intermediate values between a start and end state over time, using easing functions to create smooth transitions for numeric values and object properties. The project functions as both an animation sequence manager and an easing library, allowing for the coordination of concurrent animation groups and the chaining of multiple transitions. It provides tools for managing the rate of change through acceleration and deceleration functions. The library covers a broad range of motion capabiliti

canvas-confetti is an HTML5 canvas animation library and browser particle effect engine designed to render celebratory confetti bursts. It functions as a visual effects tool that transforms SVG paths, emojis, and text into animated particles. The library offloads heavy particle calculations to a web worker to maintain main thread responsiveness and prevent the user interface from lagging. It includes built-in support for operating system reduced motion settings, automatically disabling animations for users with motion sensitivities to ensure accessibility compliance. The system supports conf

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

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

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

lottie-ios is a vector graphics engine and animation framework for iOS that renders animations exported from After Effects as native visual elements. It functions as a renderer that converts animation data into high-fidelity native shapes to maintain small file sizes on mobile devices. The framework provides tools for managing playback, looping, and real-time property updates. It allows for the modification of colors, positions, and keyframe properties of active animations to respond to application state changes. The system parses JSON-based animation data and maps keyframes to native layers

dynamics.js is a physics-based JavaScript animation engine designed to create spring and bounce animations. It utilizes the browser animation frame loop to ensure motion is synchronized with the refresh rate. The engine includes tools for animation debugging, allowing users to slow down or freeze active motions to tune parameters. It also features a timing mechanism that executes callbacks synchronized with the animation frame rate to prevent visual stuttering. The project provides a physics solver based on mass, stiffness, and damping constants. Additionally, it includes a utility for apply

Two.js is a multi-backend graphics engine and vector drawing library that provides a unified API for creating two-dimensional graphics and animations. It functions as a renderer-agnostic abstraction layer, allowing users to generate vector shapes and paths that can be rendered via SVG, Canvas2D, or WebGL. The engine includes a scene graph manager to organize objects into hierarchical groups, enabling the propagation of collective transformations and parent-child relationships. It also features a headless graphics renderer, providing a node-based implementation for generating 2D drawings in se

android-gif-drawable is a rendering library for displaying and controlling animated GIF images within Android image views and drawables. It provides a custom drawable implementation for frame-based animations, a playback system for seeking and looping, and a metadata extractor for retrieving technical properties such as frame counts and loop settings. The library enables the synchronization of a single animation instance across multiple views to ensure consistent playback. It supports loading GIF data from various sources, including assets, resources, URIs, byte arrays, files, and input strea

Liquid Glass React is a WebGL-powered component library that renders refractive, liquid-like glass effects on React UI elements. It simulates light bending and chromatic aberration through fragment shaders in real-time, creating interactive visual distortions driven by cursor movement and clicks. The library distinguishes itself through a cursor-driven distortion pipeline that translates pointer coordinates into dynamic displacement, blur, saturation, and frost parameters with elastic easing for a liquid-like visual reaction. It supports chromatic dispersion that separates RGB color channels

Storyboarder is digital storyboarding software and a film preproduction tool used to sketch visual sequences and time story beats for animation and film production. It functions as a drawing application for prototyping visual narratives, providing a sketching environment to convert written scripts into visual frames for organizing camera shots and production planning. The project acts as a production pipeline bridge and digital asset pipeline, utilizing a real-time file-system watcher to sync drawing frames with external image editors. This allows the workspace to automatically update frames

Lottie is a JSON vector animation engine and cross-platform player that renders resolution-independent motion graphics. It functions as a runtime renderer that translates Adobe After Effects compositions into real-time animations using a JSON-based intermediate representation. The project distinguishes itself by enabling dynamic control over vector assets at runtime. It allows for the programmatic modification of animation properties, colors, and playback states through hierarchical key-paths and dynamic theming. This allows animations to respond to real-time application state changes and use

ejs is an embedded JavaScript template engine for Node.js that generates HTML and other text formats by embedding JavaScript logic into templates. It functions as a server-side rendering engine and HTML template processor that merges static markup with dynamic data. The system operates as a compiled template library, converting templates into JavaScript functions to enable cached rendering and faster execution. It includes built-in security to prevent cross-site scripting by automatically escaping HTML entities and special characters during the rendering process. The engine supports modular

mp-html is a component for rendering and editing HTML content within various mini program environments, such as WeChat and Alipay. It functions as an HTML to mini program parser that converts HTML tags, tables, and SVGs into compatible elements for mobile mini program frameworks. The project includes a cross-platform rich text editor for modifying HTML content and a renderer capable of displaying Markdown syntax and LaTeX formulas through modular extensions. Its broader capabilities cover media interaction management, anchor-based navigation, and user interaction controls for text selection