benhowdle89/grade
This JavaScript library produces complementary gradients generated from the top 2 dominant colours in supplied images. observed · 2026-08-28
Health v2 · maintenance only
32/100
- Activity 0
- Release rhythm 35
- Longevity 100
Flags: no_releases no_license
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 3667
- days_rel: n/a
- days_push: 1492
- n_releases_24m: 0
Adoption not part of the score
3759 stars · 137 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Grade is a small JavaScript library that generates complementary gradient backgrounds from the top two dominant colors of supplied images, using the canvas ImageData API. It can apply gradients directly to container elements or return gradient data via a callback.
Use cases
- generate gradient backgrounds matching images on a webpage
- extract dominant colors from images in the browser
- style image cards with complementary color gradients
- get color palette data from photos for custom styling
When to choose
- you want automatic, image-matched gradient backgrounds with minimal setup
- you need a lightweight browser-side color extraction utility
When to avoid
- you need server-side or Node.js image color analysis
- you must process cross-origin images without CORS headers
- you need an actively maintained library with a license
Facets
library · maturity maintenance
image-processing ui-components frontend web-development image-processing browser gradients dominant-colors canvas color-extraction no-license javascript nodejs
2 sources
- readme: https://github.com/benhowdle89/grade · fetched 2026-08-28 · 622f3bf806c1
- homepage: https://benhowdle89.github.io/grade/ · fetched 2026-08-29 · 0578b9950dfe
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| benhowdle89/grade | main | 32 |
For agents
markdown · JSON · MCP: product_card(name="benhowdle89/grade")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem