What is Paper Shaders?
Paper Shaders is a free gallery of real-time shader effects from the team behind Paper: mesh gradients, grain, dithering, metaballs, waves, liquid metal and more.
Each effect has live controls for colors, speed, scale and distortion. When it looks right, copy the React or vanilla code and drop it into your site. The shaders are open source and lightweight.
Key features
- Dozens of animated shader effects
- Live controls for every parameter
- Copy React or vanilla JS code
- Open-source, zero-dependency package
Pros
- Beautiful presets
- Instant results in the browser
- Free for commercial use
Cons
- Code output needs a developer to ship
- Effects need a modern GPU
Best for
Hero backgroundsAnimated gradientsLanding page visuals
Ratings and reviews
No reviews yet. Used it? Be the first to rate it.
Paper Shaders FAQ
Is Paper Shaders free?
Paper Shaders is free and open source, and the playground needs no account.
Do I need an account to use Paper Shaders?
No. Paper Shaders works without signing up, so you can open shaders.paper.design and start using it right away.
What are some alternatives to Paper Shaders?
Similar free tools that also work without an account include Coolors, Realtime Colors, Excalidraw, tldraw, Hero Patterns and Favicon.io.