javierbyte/visual-center
Tool to better align logos in the center of a container. observed · 2026-08-28
Health v2 · maintenance only
77/100
- Activity 99
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 3765
- days_rel: n/a
- days_push: 10
- n_releases_24m: 0
Adoption not part of the score
1447 stars · 40 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
Visual Center is a web tool and npm library that finds the visual (optical) center of images and logos by computing per-pixel color-difference weights against the detected background. It helps designers pad or position logos so they appear properly centered rather than just bounding-box centered.
Use cases
- find the visual center of a logo
- make a logo look centered in a container
- pad an image so its pixel weight is balanced
- get visual center coordinates programmatically from node
- fix logos that rotate off-center
- detect the background color of an image
When to choose
- you need logos or icons to look optically centered rather than geometrically centered
- you want a quick browser tool plus a small npm library for programmatic use
When to avoid
- you need general image editing or cropping features
- you need batch processing of thousands of images at scale
Facets
application · maturity maintenance
image-processing developer-tools web-design frontend graphics browser design-tool visual-center logo-alignment pixel-weight npm-package web nodejs
3 sources
- readme: https://github.com/javierbyte/visual-center · fetched 2026-08-28 · 14aa550846d9
- homepage: https://javier.xyz/visual-center · fetched 2026-08-29 · f2d55ba4774f
- registry_npm: https://registry.npmjs.org/visual-center · fetched 2026-08-29 · 53546903a63d
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| javierbyte/visual-center | main | 77 |
For agents
markdown · JSON · MCP: product_card(name="javierbyte/visual-center")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem