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

React Three Fiber

r3f.docs.pmnd.rs

Three.js as React components

ShadersOpen sourceReactThree.js

by Poimandres@pmndrs

Drei

drei.docs.pmnd.rs

The R3F standard library