# paper-design/shaders

Zero-dependency canvas shaders that can be installed from npm or designed in Paper

Repository: https://github.com/paper-design/shaders
Canonical: https://ross.abutalabs.com/products/shaders
Homepage: https://shaders.paper.design
Language: TypeScript
License: Apache-2.0
License Family: permissive
Topics: react, shaders, webgl
Last push: 2026-08-24T09:17:27+00:00

## Health v2 (maintenance only)
Score: 67/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 99, release rhythm 35, longevity 49
- inputs: {"age_days": 693, "days_push": 9, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 3383, forks 146 (observed 2026-08-28T04:07:58.626736+00:00)

## What it is
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
- artifact type: library
- maturity: active
- function: graphics, animation, ui-components, image-processing
- domain: web-development, frontend, graphics, web-design
- platform: browser
- tags: webgl, shaders, canvas, react-components, zero-dependency, design-tools, visual-effects, web-server, nodejs, javascript

## Member repositories
- paper-design/shaders (main) score 67

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:58.626736+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:39:39.689121+00:00, confidence not recorded.
  - readme: https://github.com/paper-design/shaders (fetched 2026-08-28T04:07:58.626736+00:00, sha 173ce4c0ca3a)
  - homepage: https://shaders.paper.design (fetched 2026-08-29T09:33:18.475967+00:00, sha 4eaea100d82a)
- Data as of 2026-08-30T08:39:29.467469+00:00.