Paper Shaders

Zero-dependency animated shader backgrounds

Visit site

Shaders & WebGLOpen sourceReactWebGL

Live site

Open

shaders.paper.design

Preview Paper Shaders inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

What it is

Drop-in shader components — mesh gradients, grain, dithering, warp — with a live editor that produces the exact props. Lightweight enough for a marketing hero.

Get started

terminal

npm i @paper-design/shaders-react

Related in Shaders

View all

Shadertoy

shadertoy.com

The GLSL fragment shader archive

ShadersFreeGLSLWebGL

Three.js

threejs.org

The WebGL renderer everyone builds on

ShadersOpen sourceJavaScriptWebGL

React Three Fiber

r3f.docs.pmnd.rs

Three.js as React components

ShadersOpen sourceReactThree.js

by Poimandres@pmndrs