{"meta":{"name":"FindSoftware","page":"https://findsoftware.frbit.cloud/granim/","markdown":"https://findsoftware.frbit.cloud/granim.md","license":"https://creativecommons.org/licenses/by/4.0/","attribution":"FindSoftware, CC BY 4.0","note":"Attributes are recorded, never scored. An absent field means unknown, never zero and never bad."},"record":{"id":"granim","name":"Granim.js","urls":{"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"},"category":["graphics"],"description":"JavaScript library that draws animated gradients on an HTML canvas element.","maintainer":"Benjamin Blonde","maintainerType":"individual","firstRelease":2016,"hosting":null,"language":"javascript","runtimeMin":null,"contentStore":null,"databases":null,"adminUi":null,"headlessApi":null,"templating":null,"i18n":null,"runsAs":null,"renderingModes":null,"installMethod":"npm","licenseModel":"open-source","license":"MIT","currentMajor":"2","latestReleaseDate":"2018-11-11T00:00:00.000Z","githubStargazers":5296,"contributors":7,"packagistDownloads":null,"npmWeeklyDownloads":3632,"dependentRepos":200,"dependentPackages":11,"social":{"x":"https://twitter.com/Sarcadass","forum":"https://gitter.im/Granim-js/Lobby"},"checkedAt":"2026-11-09T00:00:00.000Z","addedAt":"2026-11-09T00:00:00.000Z","sources":[{"field":"urls","url":"https://sarcadass.github.io/granim.js/","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"urls","url":"https://api.github.com/repos/sarcadass/granim.js","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"urls","url":"https://sarcadass.github.io/granim.js/","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"language","url":"https://api.github.com/repos/sarcadass/granim.js","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"category","url":"https://raw.githubusercontent.com/sarcadass/granim.js/master/README.md","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"installMethod","url":"https://raw.githubusercontent.com/sarcadass/granim.js/master/README.md","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"installMethod","url":"https://raw.githubusercontent.com/sarcadass/granim.js/master/README.md","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"installMethod","url":"https://raw.githubusercontent.com/sarcadass/granim.js/master/README.md","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"license","url":"https://api.github.com/repos/sarcadass/granim.js","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"licenseModel","url":"https://raw.githubusercontent.com/sarcadass/granim.js/master/LICENSE","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"maintainer","url":"https://raw.githubusercontent.com/sarcadass/granim.js/master/LICENSE","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"firstRelease","url":"https://api.github.com/repos/sarcadass/granim.js/releases/tags/v1.0.0","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"currentMajor","url":"https://api.github.com/repos/sarcadass/granim.js/releases/tags/v2.0.0","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"latestReleaseDate","url":"https://api.github.com/repos/sarcadass/granim.js/releases/tags/v2.0.0","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"githubStargazers","url":"https://api.github.com/repos/sarcadass/granim.js","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"contributors","url":"https://api.github.com/repos/sarcadass/granim.js/contributors?per_page=1","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"npmWeeklyDownloads","url":"https://api.npmjs.org/downloads/range/2026-11-01:2026-11-07/granim","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"dependentPackages","url":"https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/granim","checkedAt":"2026-11-09T00:00:00.000Z"},{"field":"dependentRepos","url":"https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/granim","checkedAt":"2026-11-09T00:00:00.000Z"}],"status":"stub","ai":"authored"},"prose":"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.\n\nThe 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."}