Open-source alternatives to Matrix

The Book of Shaders is an interactive educational guide and curriculum for learning GLSL fragment shader programming to create procedural graphics and visual effects. It provides a structured learning path and a categorized reference guide for data types, built-in functions, and mathematical operations used in shader development. The project features a web-based shader sandbox and interactive editor that allows for real-time iteration and visualization of GLSL code. Users can experiment with procedural art and share their results via unique URLs. The curriculum covers a wide range of graphic

Shader School is an interactive learning platform and graphics programming course designed for mastering GLSL shader development. It provides a structured curriculum for learning GPU programming and the technical foundations of programmable shaders through a series of browser-based coding exercises. The platform functions as an interactive shader sandbox and WebGL graphics tutorial, allowing users to write and test code within a real-time interface. This environment provides immediate visual feedback, enabling the practice of interactive graphics development and web-based shader workshopping

webgl-globe is a WebGL globe visualization library and geospatial renderer used to display latitude and longitude spatial data on an interactive 3D globe. It functions as a 3D data visualization tool that maps coordinate-based datasets into a three-dimensional environment. The library provides capabilities for interactive geographic visualization and spatial data animation, allowing for the rendering of geographic coordinates and the creation of automated motion sequences to illustrate trends or movements over time. It utilizes hardware acceleration to implement a web-based map interface, em

This project is a GPU-accelerated fluid renderer and interactive WebGL visualizer. It functions as a fluid dynamics sandbox for experimenting with the real-time movement and behavior of liquids. The simulation calculates density, pressure, and vorticity using GPU shaders to maintain high performance. It includes atmospheric visual effects such as bloom and sunrays, alongside tools for capturing the simulation state as static images. The underlying architecture utilizes fragment-shader rendering and ping-pong texture buffering to manage fluid physics. Multi-pass post-processing is used to app

This project is a collection of technical demonstrations and prototypes that showcase various HTML5 APIs, multimedia capabilities, and web standard implementations. It serves as a frontend technology sandbox and a gallery of implementation proofs-of-concept for modern browser features. The collection includes specialized showcases for HTML5 multimedia, featuring the manipulation of audio, video, and real-time media streams. It also provides a series of experiments focused on prototyping web capabilities to verify technical feasibility and browser support in live environments. The project cov

Spacedeck is a web-based collaborative whiteboard platform that provides an infinite canvas for real-time visual brainstorming and project management. It enables multiple participants to interact simultaneously within a shared workspace, synchronizing drawing, writing, and media placement across browser-based interfaces. The platform distinguishes itself through a container-native deployment model and a plugin-based storage abstraction, allowing users to manage their own infrastructure while connecting to local file systems, cloud object storage, or relational databases. It maintains document

This project is a multi-purpose web platform serving as a canvas 2D game engine, a frontend engineering blog, and a markdown static site generator. It functions as a web graphics showcase and a technical knowledge base for sharing architectural decisions and performance optimizations. The platform implements a high-performance graphics framework using low-level drawing APIs, integrating skeletal animation and web physics for collision detection and realistic motion of two-dimensional objects. It simultaneously operates as a system for converting markdown source files into pre-rendered HTML pa

model-viewer is a web component used to render and interact with three-dimensional models directly in a web browser. It functions as a glTF 3D model renderer and an interactive WebGL component, encapsulating a 3D rendering pipeline within a custom HTML element. The project enables web-based augmented reality, allowing 3D assets to be projected into physical environments using a mobile device camera. It provides tools for augmented reality projection and experience creation by combining 3D models with camera tracking. The component supports 3D product visualization and the integration of inte

ViewAnimator is a Swift animation library and view transition framework designed to coordinate visual motion effects across interface elements. It provides a motion engine that executes animation sequences and geometric transforms on individual views and layout cells. The framework is built around a standardized animation protocol, allowing developers to create and integrate custom movement and transition behaviors. This extensibility enables the creation of reusable animation libraries beyond the pre-defined effects. The system supports combining multiple visual transforms into single compo

This project is a frontend visualization library and gallery of interactive web examples. It provides a collection of implementations that demonstrate advanced visual effects through the use of stylesheets, canvas drawing surfaces, and three-dimensional graphics libraries. The collection specifically features implementations for visualizing artificial intelligence outputs and complex data patterns. It includes specialized galleries for three-dimensional scenes and spatial objects, as well as a showreel of stylistic motion effects and interface designs. The library covers a broad range of ren

Natron is an open-source node-based video compositor and motion graphics software. It functions as a visual effects tool that combines images and video using a node graph and a linear color pipeline to create complex effects and set extensions. The software includes a 2D motion tracking suite for stabilizing footage and tracking pixel movement across frames. It is a Python-scriptable environment, allowing for custom automation and user interface extensions through an embedded Python interpreter. The platform provides a comprehensive range of compositing capabilities, including chroma keying,

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

Nord is a color palette design system and standardized color reference providing curated blue-toned palettes for user interfaces, design software, and environment themes. It defines a UI color scheme consisting of dimmed pastel palettes intended for flat, minimalist aesthetics. The system functions as a cross-platform theme specification to unify the appearance of code editors, shell terminals, and operating system environments. It includes importable color swatches compatible with native formats for use in professional design tools. The project covers cross-application visual standardizatio

Nord is a cross-platform design palette and CSS color system providing a curated set of dimmed pastel colors for building consistent user interfaces and code themes. It functions as a UI design framework that delivers a standardized collection of colors through multiple file formats for use in development tools and graphic design software. The system is defined by its dual-mode visual theme, which coordinates complementary light and dark color sets to maintain a consistent visual hierarchy across different brightness modes. It also includes a syntax highlighting theme that maps specific palet

This project is a Lua-based theme plugin for Neovim that provides a set of customizable color schemes and a synchronized color palette across the editor user interface. It functions as a theme framework that manages highlight groups and color configurations to define the visual appearance of the workspace. The framework distinguishes itself through a cross-plugin color system that synchronizes visual identity across third-party Neovim extensions and language tools. It allows for granular customization via palette overrides, enabling users to redefine specific hex codes and map abstract semant

Motion is a physics-based animation engine for building gesturally-driven user interfaces and interactions on Apple platforms. It functions as a Swift frame-by-frame animation utility that drives declarative state changes and simulates physical behaviors. The library executes continuous frame updates by invoking custom value blocks directly from display link timing loops, handling standard numeric and vector types. It supports mid-flight animation interruption, allowing active animations to be stopped, altered, or redirected instantly by mutating live parameters. Additionally, the engine simu

SWRevealViewController is an iOS container view controller and navigation transition component used to create reveal view interfaces. It functions as a side menu controller that slides a primary view to expose a secondary navigation panel or hidden content. The project enables the creation of layered UI where a main screen moves away from the edges via pan and tap gestures to reveal a background side menu. It manages the visual transitions and animation behaviors required to switch between these stacked view controllers. The system handles nested interface layers and view controller manageme

Ant Design Charts is a data visualization framework and declarative component library designed for React applications. It provides a collection of reusable components that map complex datasets to graphical representations, enabling the creation of interactive charts, plots, and maps within web interfaces. The library utilizes a grammar-based mapping system to transform raw data into visual properties, supported by a layered graphic abstraction that separates data representation from interactive elements. It employs a canvas-based rendering engine to maintain performance when handling large da

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

csshake is a CSS animation library and framework designed to create shaking, vibrating, and oscillating movement effects on DOM elements. It functions as a UI feedback component that uses visual motion patterns to signal errors or draw user attention through irregular element movement. The library provides multi-axis shake effects, including horizontal, vertical, and rotational motion patterns. These are implemented through class-based triggering mechanisms that allow for the delivery of error-signaling patterns and other attention-grabbing effects. The system covers a range of animation con

Angular-chart.js is a frontend charting library that provides a set of reusable directives for integrating the Chart.js visualization engine into AngularJS applications. It functions as a wrapper that encapsulates complex rendering logic within declarative components, enabling the creation of interactive and responsive graphical data representations. The library distinguishes itself by providing reactive data synchronization, which automatically triggers canvas re-renders whenever underlying data or configuration models change. It also utilizes a provider-based configuration system, allowing

Auto-animate is a framework-agnostic JavaScript animation library used to automatically animate the entry, exit, and movement of elements within a document. It functions as a transition tool that adds smooth motion to web application elements to prevent abrupt layout jumps during content changes. The utility is designed to be reduced motion compliant, automatically detecting and respecting system-level accessibility settings to disable animations for users with motion sensitivities. It also features a plugin system that allows the replacement of default fade and scale transitions with custom

Velocity is a JavaScript animation library used to create high-performance CSS and SVG animations. It functions as a CSS property interpolator and a spring physics engine, enabling the creation of smooth visual transitions and organic movement for web elements. The project provides a programmatic interface for modifying vector attributes and 3D transformations through its SVG animation framework. It further distinguishes itself as an animation sequence orchestrator, allowing for the chaining of movements and the staggering of start times across multiple elements using promises. The library c

FlatUIKit is a flat design framework and component library for iOS. It provides a set of reusable interface elements and styling tools to implement a minimal aesthetic across native mobile applications. The kit replaces standard iOS controls with a collection of pre-styled components, including buttons, text fields, and segmented controls. It utilizes a predefined flat color palette, custom font integration, and a dedicated icon set to ensure a cohesive visual identity. The framework covers a wide range of UI elements, including customizable input controls, table cells, and navigation compon

This project is a WPF Material Design library and XAML UI framework providing a collection of pre-styled components and themed controls for Windows desktop applications. It functions as a desktop component library and theme engine to ensure design consistency across .NET applications. The toolkit implements a standardized visual language through a Material Design component library, including specialized buttons, cards, and dialogs. It enables the application of comprehensive visual styles and theme implementations to align standard controls with established design patterns. The framework cov

Dialogic is a dialogue editor and runtime system for the Godot engine that provides a complete framework for creating branching conversations with characters, animations, and state management. At its core, it functions as a branching narrative editor with visual and text-based timeline authoring, a character animation manager that handles portraits and scene positioning, a localization tool that exports timelines to CSV for translation, and an interactive framework that manages player choices, text reveals, voice lines, and dynamic text effects within conversations. What distinguishes this sy

Pixel-editor is a browser-based graphics tool designed for the creation and editing of pixel art. It provides a digital drawing environment that allows users to manipulate individual pixels on a grid-based canvas to produce retro-style graphics and sprite assets directly within a web browser. The application features a local storage workspace manager that enables users to maintain a customizable creative workflow. By saving interface preferences and tool visibility settings directly to the browser, the editor allows for persistent workspace configurations tailored to specific project requirem