> Granim.js is an open-source JavaScript library for animated colour gradients: what it does on a web page and whether it raises any cookie consent questions.
>
> Canonical: https://www.flowconsent.com/en/services/framework/granim-js

Frameworks

# Granim.js

Unclassified · [Official website](https://sarcadass.github.io/granim.js)

Granim.js is a small open-source JavaScript library for creating fluid, animated colour gradients in an HTML canvas element. Developers use it for decorative backgrounds, headers or image overlays that shift between colour states. It runs entirely in the visitor's browser and only animates visual elements of the page.

[Block Granim.js until consent](https://app.flowconsent.com/auth/sign-up?utm_source=flowconsent.com\&utm_medium=referral\&utm_campaign=framework) · [Scan my site](https://www.flowconsent.com/en/scan)

At a glance

- Category

  [Frameworks](https://www.flowconsent.com/en/services/framework)

- Consent

  Unclassified

- Prior consent

  Required

- Documented cookies

  0

Compliance

## Granim.js and the GDPR

Granim.js is classified as “Unclassified”. On a site that targets European visitors, it must only load after the visitor consents, and it must be listed in your cookie policy.

Cookies and trackers

## What Granim.js sets and contacts

The cookies of Granim.js are not documented in the catalog yet. To see what is actually set on your site, run a free scan.

[Scan my site](https://www.flowconsent.com/en/scan)

Same category

## More services: Frameworks

[See the whole category](https://www.flowconsent.com/en/services/framework)

### [HeadJS](https://www.flowconsent.com/en/services/framework/headjs)

[HeadJS is a foundational web service that powers critical website functions and digital experiences. It provides reliable infrastructure, seamless integration capabilities, and consistent performance across all devices and browsers. HeadJS supports modern development practices and scales with growing business needs. With a focus on stability and compatibility, HeadJS ensures your website delivers a smooth, uninterrupted experience to every visitor and search engine crawler.](https://www.flowconsent.com/en/services/framework/headjs)

[Frameworks](https://www.flowconsent.com/en/services/framework/headjs)

·

### [shadcn-svelte](https://www.flowconsent.com/en/services/framework/shadcn-svelte)

[shadcn-svelte is a JavaScript framework designed for building fast, interactive, and scalable web applications. It provides component-based architecture, reactive data binding, and efficient DOM rendering. shadcn-svelte supports server-side rendering, static site generation, and progressive web apps. With a rich ecosystem of plugins and developer tools, shadcn-svelte accelerates frontend development and delivers exceptional user experiences with optimized performance and SEO-friendly output.](https://www.flowconsent.com/en/services/framework/shadcn-svelte)

[Frameworks](https://www.flowconsent.com/en/services/framework/shadcn-svelte)

·

### [MudBlazor](https://www.flowconsent.com/en/services/framework/mudblazor)

[MudBlazor is a foundational web service that powers critical website functions and digital experiences. It provides reliable infrastructure, seamless integration capabilities, and consistent performance across all devices and browsers. MudBlazor supports modern development practices and scales with growing business needs. With a focus on stability and compatibility, MudBlazor ensures your website delivers a smooth, uninterrupted experience to every visitor and search engine crawler.](https://www.flowconsent.com/en/services/framework/mudblazor)

[Frameworks](https://www.flowconsent.com/en/services/framework/mudblazor)

·

### [shadcn/ui](https://www.flowconsent.com/en/services/framework/shadcn-ui)

[shadcn/ui is a foundational web service that powers critical website functions and digital experiences. It provides reliable infrastructure, seamless integration capabilities, and consistent performance across all devices and browsers. shadcn/ui supports modern development practices and scales with growing business needs. With a focus on stability and compatibility, shadcn/ui ensures your website delivers a smooth, uninterrupted experience to every visitor and search engine crawler.](https://www.flowconsent.com/en/services/framework/shadcn-ui)

[Frameworks](https://www.flowconsent.com/en/services/framework/shadcn-ui)

·

### [Next.js](https://www.flowconsent.com/en/services/framework/next-js)

[Next.js is a JavaScript framework designed for building fast, interactive, and scalable web applications. It provides component-based architecture, reactive data binding, and efficient DOM rendering. Next.js supports server-side rendering, static site generation, and progressive web apps. With a rich ecosystem of plugins and developer tools, Next.js accelerates frontend development and delivers exceptional user experiences with optimized performance and SEO-friendly output.](https://www.flowconsent.com/en/services/framework/next-js)

[Frameworks](https://www.flowconsent.com/en/services/framework/next-js)

·

### [Babel](https://www.flowconsent.com/en/services/framework/babel)

[Babel is a versatile web technology that supports digital platforms with specialized functionality and enhanced capabilities. It provides robust tools and services that integrate with modern websites and applications seamlessly. Babel is designed to improve operational efficiency, user experience, and digital performance. Trusted by developers and businesses alike, Babel offers reliable solutions that scale with organizational needs and evolving web standards.](https://www.flowconsent.com/en/services/framework/babel)

[Frameworks](https://www.flowconsent.com/en/services/framework/babel)

## Make your site compliant today.

Free up to 25,000 sessions a month. No credit card, no commitment.

[Create my banner](https://app.flowconsent.com/auth/sign-up?utm_source=flowconsent.com\&utm_medium=referral\&utm_campaign=general) · [Scan my site](https://www.flowconsent.com/en/scan)