Reading Time: < 1 minute

Granim.js is small JavaScript library to create fluid and interactive gradient animations to make your websites and app pop. The JavaScript library provides examples that can be applied to your projects.

Examples include;

Basic gradient animation

Basic gradients animation can include more than 1 gradients in queue composed of 2 colors.

Complex gradient animation

A complex gradient animation with 2 gradients in queue with different positions composed of 3 colors.

Gradient animation with an image and blend mode

A combination of background image, gradient animation of two colors and a blend mode to create a stunning animated background.

Gradients with a masked image

Create animation with a masked image gradient animated under shape.

Interactive Gradients

Create a gradient animation that respond to events.

Checkout this links for the different examples are create a stunning gradient animated background.

Leave a Reply

Your email address will not be published. Required fields are marked *

We curate the best and creative websites designed and developed in Africa; Ghana, Kenya, Nigeria, South Africa, Uganda, Egypt, Morocco, Tanzania. is a website inspiration gallery from different industries in the 54 countries in Africa useful for website creation. We curate the best website designs built and developed in Africa. Our goal is to integrate African designers and developers in order to interact, inspire, impart knowledge and share innovative and new technology useful for website design and development.