paper-design/shaders
Some data may be outdated — see provenance labels.
Zero-dependency canvas shaders that can be installed from npm or designed in Paper observed · 2026-09-24
Health v2 · maintenance only
65/100
- Activity 95
- Release rhythm 35
- Longevity 52
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 741
- days_rel: n/a
- days_push: 33
- n_releases_24m: 0
Adoption not part of the score
3475 stars · 153 forks observed · 2026-09-24
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Paper Shaders is a collection of zero-dependency HTML canvas/WebGL shader components for websites, available as vanilla JS and React npm packages. Shaders can be configured in code or visually designed in the Paper design tool and exported as lightweight code.
Use cases
- add animated mesh gradient backgrounds to a website
- create shader-based logo animations in React
- add texture effects like dithering or halftone to web pages
- design visual effects visually and export them as code
- add lightweight animated backgrounds without heavy dependencies
When to choose
- you want performant, dependency-free animated visual effects on the web
- you use React or vanilla JS and want drop-in shader components
- designers need a visual way to create and tweak shaders
When to avoid
- you need a full 3D engine or custom GLSL pipeline
- you need Vue or other framework support today
- you can't tolerate breaking changes under 0.0.x versioning
Facets
library · maturity active
graphics animation ui-components image-processing web-development frontend graphics web-design browser webgl shaders canvas react-components zero-dependency design-tools visual-effects web-server nodejs javascript
2 sources
- readme: https://github.com/paper-design/shaders · fetched 2026-09-24 · 173ce4c0ca3a
- homepage: https://shaders.paper.design · fetched 2026-08-29 · 4eaea100d82a
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| paper-design/shaders | main | 65 |
For agents
markdown · JSON · MCP: product_card(name="paper-design/shaders")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem