Introducing ShaderPad: a tiny, GPU-first shader library for the web

What is ShaderPad?

ShaderPad is a new open‑source library from Riley J. Shaw that aims to make it trivial to drop a shader onto a web page without rebuilding the same graphics scaffolding over and over. It has been reported that the documentation site is live, and the project is pitched as the “library I wish I had a few years ago” — built for doodlers, artists, and creative coders who want to sketch with GLSL rather than wrestle with boilerplate. Want to experiment with a shader in a few lines of code? This is the kind of tool that answers that itch.

Size and performance

The author says ShaderPad is deliberately tiny — allegedly 5.8 KB gzipped — and marketed as “smaller than your favicon,” a direct jab at the trend of bundling large 3D engines for simple fullscreen effects (looking at you, landing‑page Three.js). It’s GPU‑first by design: multiple shader passes can remain in the same pipeline, detection results (face/pose tracking) are cached, and the defaults aim to minimize CPU round trips. The tradeoff is obvious: it won’t replace a full 3D engine, but for funky interactive graphics it promises faster page loads and less plumbing to worry about.

Built in 2026 — AI, choices, and restraint

Shaw shares that he started ShaderPad before modern AI tooling matured and grew the project slowly from real needs. It has been reported that AI played a significant role in scaffolding and refining the documentation — even “writing docs for itself” — while Shaw kept the core API intentionally small and opinionated. That bit about restraint is the emotional core: the hard work here wasn’t generating code, it was deciding what to leave out so the library stays fast, focused, and pleasant to learn.

Who should care?

If you live in ShaderToy, TouchDesigner, or just like making interactive visuals for the web, ShaderPad looks built for you: autosizing, simple save/share utilities, history buffers, and MediaPipe integrations are already in the toolbox. It won’t replace Three.js for full 3D worlds, but for quick, expressive graphics and experiments — especially ones you want to own on your site — ShaderPad aims to be the comfortable, lightweight alternative. Want to try it? The docs and examples are the obvious first stop.

Sources: rileyjshaw.com, Hacker News