shaders

Browser live-codable video synthesizer using chained function calls, with networked video streams shared between performers.

Reference article cataloguing signal shaping functions like impulse, gain, parabola and cubic pulse with formulas and plots.

Zero-dependency animated canvas shaders including mesh gradients, grain, dithering and warps, shipped as React components and vanilla JS.

SwiftUI plus Metal surfaces that react to device tilt, shipped as a dependency-free Swift package.

Community collection of display filters for PixiJS: glow, godray, CRT, bulge-pinch, shockwave, ascii, dot screen and more.

Shape animation examples built with signed distance fields in Metal Shading Language for iOS.

Vanilla WebGL library that converts HTML DOM elements into textured planes you can distort with custom shaders.

WebGL-backed API that applies shader material effects — liquid distort, channel split, rolling — to live, selectable text.

Skia graphics bindings for React Native giving shaders, paths, blurs, filters and canvas drawing at native speed.

Library applying WebGL shader effects such as glitch, RGB shift, pixelate and warp directly onto existing DOM images and text.

Browser toolkit for creating, stacking and animating layered GPU shaders, then exporting the composed result as code.

Lightweight modular WebGL shader library packaging animated background shaders for use in ordinary web interfaces.

Curated list of creative coding resources: books, tools, shaders, generative art frameworks and courses.

Demo repository implementing interactive WebGL hover distortions on images driven by mouse velocity and displacement maps.

Single-file collection of classic, simplex and Worley noise implementations in GLSL ready to paste into any shader.

TypeScript WebGPU library with importable WGSL modules that renders the same shader to a browser canvas, headless Node.js, images, video, and CI snapshot tests.

Real-time ordered Bayer dithering post-processing effect for 3D scenes, built for react-three-fiber and plain Three.js.

Console-based GLSL sandbox and live renderer for macOS, Linux and Raspberry Pi with hot reload and headless image export.

Local web environment for live-coding fragment shaders and sketches with hot reload, GUI controls and video export.

Growing vanilla Three.js helper library with component base classes, asset managers, shader passes and scroll or pointer utilities.

Collection of 130+ production-ready web shaders, each a self-contained HTML file with no build step, dependencies or bundler.

Minimal unopinionated WebGL library exposing raw GL concepts through small helper classes without scene-graph overhead.

Interactive plotter for GLSL-style math functions showing up to six formulas at once for shaping signals and curves.

Library fusing Hydra video synthesis into p5.js sketches so both share textures inside one live-coding context.

Digital art platform where creative coders publish shader and generative sketches with a curated popular feed.

Chapter-by-chapter guide to fragment shaders with a live GLSL editor embedded in every example.

Browser studio that extracts motion from a live camera feed and shades it as trails, heatmaps, tracked blobs or vector fields via WebGPU.

shadcn registry of React components and WebGL shaders — mesh gradients, paper texture, chat minimaps — with live parameter playgrounds and editable source.

MCP server giving agents six design-lookup tools: UI inspiration galleries, component code, shaders and motion, plus scraping a site's type and palette.

Ruby library that flattens GLSL #include directives and extracts uniform, attribute and output reflection into a JSON manifest at build time.

Catalog of copy-paste Three.js hero sections and interactive shader components with customizable variants, framework-agnostic and shipped with full source.

TypeScript DSL and AST compiling one shader definition to GLSL, WGSL or JavaScript, enabling CPU-side shader debugging.

Real-time GPU shader IDE for desktop and mobile with live reload, MIDI and OSC input and multi-pass pipelines.

JavaScript library for writing interactive 2D and 3D procedural shaders with built-in raymarching and signed distance functions.

Extends Three.js built-in materials with your own vertex and fragment shaders while keeping lighting, shadows and depth passes intact.

Curated list of GLSL editors, playgrounds, debugging tools, frameworks and learning references in one page.

Node-based GLSL shader editor that exports working shaders for Three.js and other WebGL pipelines.

Online shader composer that visually combines and remixes existing GLSL shaders and exports them to Three.js.

Collection of WebGL slideshow transition shaders between images, with displacement, wave and threshold variants.

Visual editor where shader functions are built by dragging and combining graphs rather than writing the math manually.

Open-source platform for publishing and browsing animated art generated by code, with GIF export from shaders.

Granular dependency-free shader library of noise, SDF, colour, lighting and filter functions in GLSL, HLSL, WGSL, Metal and CUDA.

Lightweight WebGPU rendering library that turns DOM elements into textured planes and meshes driven by WGSL shaders.

Compact WebGL toolset of framebuffers, cameras, batches and shader helpers used across Yi-Wen Lin's experiments.

Unfinished but excellent interactive book introducing graphics programming through progressively edited fragment shaders.

Inigo Quilez's reference collection of signed distance functions for primitives, plus operators for blending and repetition.

Interactive scrollable fragment-shader tutorial where the shader recompiles live as you edit inline code.

Step-by-step repo covering normal mapping, SSAO, bloom, outlining, fog and depth of field with runnable code.

Tarot-style card deck where each card carries a GLSL snippet, teaching shader techniques as a physical practice.