paper-design/shaders

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

3383 stars · 146 forks observed · 2026-08-28

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

Member repositories

For agents

markdown · JSON · MCP: product_card(name="paper-design/shaders")