SiteShaders, WebGL & Creative Coding · Shader library
Newly open-sourced WebGPU shader components for React, Vue, Svelte, Solid, vanilla JS and Framer, plus a free design editor to compose effects and export them.
Why it’s a gem
Hundreds of mix-and-match shader components plus a visual editor, now MIT on GitHub.
Lightweight modular WebGL shader library packaging animated background shaders for use in ordinary web interfaces.
JavaScript library for writing interactive 2D and 3D procedural shaders with built-in raymarching and signed distance functions.
Lightweight JavaScript library for ShaderToy-style WebGL work; version 2.0 adds raymarching helpers, feedback buffers, simulations, shader buttons and live GUIs.
Open-source home for web shaders: claim a username, explore name-generated shaders, and copy ready React or JS modules.
Granular dependency-free shader library of noise, SDF, colour, lighting and filter functions in GLSL, HLSL, WGSL, Metal and CUDA.
Zero-dependency animated canvas shaders including mesh gradients, grain, dithering and warps, shipped as React components and vanilla JS.