Open-source alternatives to Liquid Glass React

HTextView is an animated text rendering library and UI motion design framework used to create dynamic text effects such as typing and fading. It serves as a text motion engine and typography tool for applying visual transitions and movement to text elements on a screen. The library integrates custom typography support, allowing the loading of external typeface files to apply specific branding and styles to animated presentations. It utilizes a motion engine to animate the scale and opacity of text, facilitating fluid visual transitions. The system manages these effects through a frame-based

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

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

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

glslViewer is a console-based GLSL shader sandbox and renderer designed for the real-time testing and iteration of fragment and vertex shaders. It functions as a live-reloading viewer that automatically updates visual output when source files are modified on disk. The system also operates as a headless renderer, capable of generating frames and exporting images without a physical display. The project is distinguished by its support for multi-pass rendering, utilizing framebuffer ping-ponging and convolution pyramids to execute complex visual effects. It features an integrated OSC controller t

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

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

This project is a mathematical visualization library and a collection of algorithmic art. It serves as a data visualization guide and an interactive visualizer, providing a set of implementations for rendering complex geometric shapes and mathematical concepts through code. The collection focuses on generating aesthetic patterns and precise graphic elements, including fractals, Bezier curves, and Lissajous patterns. It uses recursive functions and iterative algorithms to produce complex geometric structures and algorithmic art. The library covers a range of capabilities including interactive

ShineButton is an Android UI animation library that provides customizable button components with integrated light-sweep and particle animations. It functions as a view component extension for Android interfaces to draw user attention through interactive visual effects. The library features a system for creating light-sweep animations and vibrant particle effects that trigger during user interaction. It allows for the definition of button silhouettes through custom image masking and the application of vector drawables. Visual styling is managed through configuration parameters that adjust the

TaskbarX is a Windows taskbar customizer and UI enhancement tool designed to modify the appearance and layout of the desktop shell. It functions as a styling utility that centers taskbar icons and applies visual effects to the system interface. The project provides specific controls for taskbar visual styling, including the application of transparency, blur, acrylic effects, custom colors, and rounded corners. It features precise icon centering across multiple monitors with adjustable offsets and utilizes transition animations to manage icon movement. Beyond styling, the tool allows for the

Shimmer is a UI loading state library used to generate shimmering skeleton placeholders and view-wrapping animation effects. It provides a set of tools for creating highlight animations that signal content is loading within a user interface. The project includes a skeleton screen generator and a view animation wrapper. These components apply a moving gradient effect over existing views to provide visual feedback while data is being fetched. The library covers user interface animation and mobile app design patterns. It implements loading indicators through a combination of linear-gradient mas

This project is a Godot shader library consisting of a collection of GLSL-based visual effects for 2D and 3D graphics. It serves as a resource for improving game visual quality through custom shader files and demo scenes. The library is organized into three primary areas: a 2D sprite effect gallery for visuals such as water simulations and palette swapping, a 3D material shader collection featuring outlines and dissolve effects, and a post-processing shader suite for full-screen effects like Gaussian blur and color inversion. The collection covers a range of capabilities including 2D sprite

SkeletonView is an iOS loading skeleton library used to display animated placeholder views that mimic a layout's structure while asynchronous data loads. It functions as a UI placeholder generator and a UIView animation framework to indicate active background processes. The library includes a list view skeleton orchestrator that generates placeholder cells and headers for table and collection views based on data source protocols. It provides tools to simulate text layouts using configurable line counts and spacing to prepare users for the final screen structure. Capability areas cover the co

Live-Charts is a .NET data visualization library providing a collection of interactive charts, maps, and gauges. It functions as a real-time charting engine and multi-format graphics library designed to render complex data sets within .NET applications. The library features tools for creating interactive data dashboards capable of exploring large datasets. This is supported by a system for zooming, panning, and utilizing multiple coordinate axes to navigate hundreds of thousands of data points. The visualization engine supports a variety of formats including bars, lines, heat maps, and geogr

Swipe is a touch-responsive slider library designed to create interactive content carousels for web applications. It provides a framework-agnostic core engine that manages state, animation loops, and input normalization, allowing for the display of content sequences with support for manual swiping and automated transitions. The library distinguishes itself through a decoupled architecture that separates its core slider logic from UI-specific bindings. This design enables the use of specialized adapters for integration into component-based environments, including dedicated support for React an

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 cross-platform mobile animation library and component wrapper that enables movement and style transitions for mobile UI elements. It functions as a keyframe animation engine and a preset motion library, allowing developers to apply visual effects to components through a declarative API. The library provides a set of built-in entrance, exit, and alert effects for rapid implementation. It also supports the definition of custom motion sequences and unique keyframes to create repeatable, branded visual experiences. The system covers a range of motion capabilities, including the

Popmotion is a JavaScript animation library and declarative motion engine designed for creating programmatic motion and interactive transitions within web user interfaces. It provides a functional animation API that allows developers to define complex animation sequences through configuration objects rather than manual frame management. The engine utilizes a functional approach to animate user interface elements, implementing spring-based physics simulations to mimic real-world momentum. It employs interpolation-based value mapping and functional transformations to translate animation progres

react-spring is a declarative animation framework for React that drives visual transitions through state-driven declarations. It functions as a motion engine where animations are defined as target values pursued by a physics engine based on application state. The library utilizes a spring physics engine to calculate natural movements by simulating mass, tension, and friction instead of relying on fixed durations. To maintain high frame rates, it updates DOM elements directly via references to bypass the standard React render cycle. The framework covers physics-based motion and state-driven t

Easy Pie Chart is a lightweight JavaScript library designed for rendering animated, circular progress indicators. It functions as a front-end component that visualizes single-value numerical data as responsive pie charts, allowing for the representation of percentage-based information within web interfaces. The library utilizes HTML5 canvas elements to draw graphics, leveraging hardware acceleration and synchronized animation loops to maintain smooth visual transitions. It supports dynamic updates, enabling developers to modify displayed values in real-time without reinitializing the componen

react-use is a collection of reusable state and effect hooks for managing common logic in React applications. It serves as a comprehensive library for implementing state management patterns and wrapping various browser APIs into consistent hook interfaces. The project provides a specialized toolkit for DOM interaction and browser API integration, allowing components to track element dimensions, manage cookies, and monitor hardware sensors. It includes a suite of animation and timing utilities for physics-based numeric interpolation and frame-synced state updates. Beyond basic state managemen

cursor-effects is a JavaScript library and effect engine designed to implement physics-based cursor trails and floating visual effects in web browsers. It provides a framework for adding interactive graphical overlays that follow the user pointer. The system specializes in spawning particle trails, physics-based floating emojis, and pointer-tracking text strings. These animations utilize spring-based physics simulations to create organic reactions and dispersal patterns as the cursor moves. The library manages the entire lifecycle of visual elements, from coordinate-based pointer tracking an

Zdog is a JavaScript graphics library designed for rendering pseudo-three-dimensional geometric models within web browser environments. It functions as a lightweight engine that draws flat, vector-based shapes onto HTML5 canvas or SVG elements by utilizing a scene graph to manage object relationships and spatial transformations. The library distinguishes itself through a unique approach to volumetric modeling, where three-dimensional depth is simulated on flat shapes by dynamically adjusting stroke thickness. This technique allows for the creation of rounded, plump visual effects without the

Lax.js is a lightweight JavaScript library designed for creating scroll-driven animations and interactive motion effects on web pages. It functions as a frontend interaction framework that enables developers to apply dynamic visual transformations to elements as they enter or exit the viewport. The library distinguishes itself by decoupling animation logic from core scripts through a declarative mapping system that utilizes data attributes. It processes scroll progress through a functional pipeline, mapping vertical offsets to specific CSS property ranges using linear interpolation to ensure

Vivus is a lightweight JavaScript library designed to animate the drawing of vector graphics within web browsers. It functions as a specialized motion framework that renders and animates complex illustrations by progressively revealing SVG path strokes. The library enables the creation of fluid, programmatic drawing effects for icons and decorative elements. By manipulating path lengths and synchronizing updates with the browser refresh rate, it provides a controlled method for applying motion to static vector assets. The engine supports custom timing and sequencing through declarative easin

This project is a browser-based graphics editor and image processing library that performs visual transformations directly within the web environment. It provides a toolset for loading local image files, applying complex visual effects, and exporting the modified results without requiring server-side data processing. The library utilizes hardware-accelerated fragment shaders to execute pixel-level operations on the graphics processing unit. By maintaining image data as textures within GPU memory and using an immediate-mode rendering pipeline, the system achieves real-time synchronization betw

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