GitHubBackgrounds, Effects & CSS Oddities · Shader playgrounds
Live shader and node-graph editor that authors LED patterns for WLED strips and previews them in the browser.
Why it’s a gem
Shader playground that ends on real LEDs, not just a canvas demo.
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.
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.
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.