# webkul/vivid

a JavaScript library which is built to easily customize and use the SVG Icons with a blaze.

Repository: https://github.com/webkul/vivid
Canonical: https://ross.abutalabs.com/products/webkul-vivid
Homepage: https://webkul.github.io/vivid
Language: JavaScript
License: MIT
License Family: permissive
Topics: javascript, svg, svg-icons, svg-images, nodejs, node, library, javascript-library, javascript-framework
Last push: 2023-01-07T02:22:23+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 3006, "days_push": 1335, "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 1798, forks 84 (observed 2026-08-28T04:05:37.719661+00:00)

## What it is
Vivid.js is a lightweight JavaScript library providing 90+ hand-crafted SVG icons that can be injected into the DOM via simple HTML5 data attributes. Icons are customizable per-instance or globally in size and up to three colors (primary, accent, prop) without any dev dependencies.

## Use cases
- add svg icons to a webpage without a build step
- customize icon colors and size with html data attributes
- use a lightweight icon set via cdn
- bundle a custom set of svg icons for my project
- download icons for sketch or photoshop design work

## When to choose
- you want colorful, customizable SVG icons with zero build tooling
- you need per-icon color and size control via data attributes
- you want a lightweight icon library served from a CDN

## When to avoid
- you need a constantly updated icon set with new icons
- you prefer icon fonts or framework-specific icon components
- you need tree-shakeable ES module imports

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, graphics
- domain: web-development, frontend, web-design
- platform: browser, cross-platform
- tags: svg-icons, icon-library, data-attributes, frontend-icons, cdn, nodejs

## Member repositories
- webkul/vivid (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:37.719661+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-30T03:22:40.072042+00:00, confidence not recorded.
  - readme: https://github.com/webkul/vivid (fetched 2026-08-28T04:05:37.719661+00:00, sha 9fbef836cf3c)
  - homepage: https://webkul.github.io/vivid (fetched 2026-08-29T11:01:30.135326+00:00, sha 0ac890bc4712)
- Data as of 2026-08-30T08:39:29.467469+00:00.