GitHubBackgrounds, Effects & CSS Oddities · Shader playgrounds
WebGL logo intros from any SVG mark: lens-warped close-up, wordmark reveal, gradient bloom, lock-in ring and shimmer, plus HTML and video export.
Why it’s a gem
One fragment shader turns a brand SVG into a five-second intro.
Real-time spectral FFT ocean in a single HTML file: WebGL2 and three.js, JONSWAP/TMA spectrum, three cascades, foam, caustics, underwater view.
Browser WebGL shader playground for writing, previewing and sharing fragment shaders used as page backgrounds.
Live shader and node-graph editor that authors LED patterns for WLED strips and previews them in the browser.
WebGPU playground that reads the shape of an uploaded image, text or mark and burns it as animated fire in the browser.
Browser studio that extracts motion from a live camera feed and shades it as trails, heatmaps, tracked blobs or vector fields via WebGPU.