# Granim.js

JavaScript library that draws animated gradients on an HTML canvas element.

STUB. This software has no release or pre-release in four years, or its project site no longer shows it, so it is not part of the register, not counted and not indexed. It will be checked again.

Source: https://findsoftware.frbit.cloud/granim/
Last reviewed: 2026-11-09
Listed since: 2026-11-09

## Record

### Links

- home: https://sarcadass.github.io/granim.js/
- repository: https://github.com/sarcadass/granim.js
- docs: https://sarcadass.github.io/granim.js/api-v2.0.0.html
- x: https://twitter.com/Sarcadass
- forum: https://gitter.im/Granim-js/Lobby

### Identity

- status: stub
- maintainer: Benjamin Blonde
- maintainerType: individual
- parent: unknown
- firstRelease: 2016
- hqCountry: unknown

### Kind

- category: graphics
- hosting: not applicable
- language: javascript
- runtime: unknown
- runtimeMin: not applicable
- basedOn: unknown

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: not applicable
- renderingModes: not applicable
- installMethod: npm

### License

- licenseModel: open-source
- license: MIT

### Releases

- currentMajor: 2
- latestReleaseDate: 2018-11-11

### Adoption

- githubStargazers: 5296
- packagistDownloads: not applicable
- npmWeeklyDownloads: 3632
- contributors: 7
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: unknown
- wordpressActiveInstalls: unknown
- dependentRepos: 200
- dependentPackages: 11

### Sources

- urls: https://sarcadass.github.io/granim.js/ (read 2026-11-09)
- urls: https://api.github.com/repos/sarcadass/granim.js (read 2026-11-09)
- urls: https://sarcadass.github.io/granim.js/ (read 2026-11-09)
- language: https://api.github.com/repos/sarcadass/granim.js (read 2026-11-09)
- category: https://raw.githubusercontent.com/sarcadass/granim.js/master/README.md (read 2026-11-09)
- installMethod: https://raw.githubusercontent.com/sarcadass/granim.js/master/README.md (read 2026-11-09)
- installMethod: https://raw.githubusercontent.com/sarcadass/granim.js/master/README.md (read 2026-11-09)
- installMethod: https://raw.githubusercontent.com/sarcadass/granim.js/master/README.md (read 2026-11-09)
- license: https://api.github.com/repos/sarcadass/granim.js (read 2026-11-09)
- licenseModel: https://raw.githubusercontent.com/sarcadass/granim.js/master/LICENSE (read 2026-11-09)
- maintainer: https://raw.githubusercontent.com/sarcadass/granim.js/master/LICENSE (read 2026-11-09)
- firstRelease: https://api.github.com/repos/sarcadass/granim.js/releases/tags/v1.0.0 (read 2026-11-09)
- currentMajor: https://api.github.com/repos/sarcadass/granim.js/releases/tags/v2.0.0 (read 2026-11-09)
- latestReleaseDate: https://api.github.com/repos/sarcadass/granim.js/releases/tags/v2.0.0 (read 2026-11-09)
- githubStargazers: https://api.github.com/repos/sarcadass/granim.js (read 2026-11-09)
- contributors: https://api.github.com/repos/sarcadass/granim.js/contributors?per_page=1 (read 2026-11-09)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-11-01:2026-11-07/granim (read 2026-11-09)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/granim (read 2026-11-09)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/granim (read 2026-11-09)

## Notes

Granim.js animates gradients in a page's canvas element: a script creates a Granim instance that points at the element. The instance takes named states, and each state lists gradients, each made of two colors.

The library installs from npm or Bower, or as a file downloaded from the project's releases page. The README links a demo site that shows the effects.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0