sarcadass/granim.js

Health v2 · maintenance only

Adoption not part of the score

5304 stars · 222 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Granim.js is a small JavaScript library for creating fluid and interactive gradient animations on HTML canvas elements. It supports configurable gradient states, image masks, and callbacks, and is distributed via npm, Bower, or static files.

Use cases

• animate gradient backgrounds on a website hero section
• create interactive color-shifting canvas backgrounds
• add fluid gradient animations behind text or images
• build animated gradient banners with JavaScript
• use gradient states that transition on events

When to choose

• you need lightweight animated gradient backgrounds in the browser
• you want a simple canvas-based gradient animation with minimal setup
• you need interactive gradient transitions triggered by state changes

When to avoid

• you need full CSS-based animations without JavaScript
• you require complex motion graphics beyond gradient transitions
• you need a library with frequent updates and active maintenance

Facets

library · maturity maintenance

animation web-development frontend web-design browser gradient canvas javascript ui-effects nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="sarcadass/granim.js")