grainient

Transform Your Canvas with Stunning Gradients

Explore the power of gradients with our easy-to-use library.

Install The Library

To get started with the gradient library, run the following command:

        
  npm install @prodbyeagle/grainient
        
      

Features

Customizable Gradients

Apply gradients with various types and angles to enhance your designs.

Clean Grain Effect

Add realistic and clean grain textures to your canvas with adjustable intensity.

Basic Usage

To use Grainient, import the functions and call the Gradient function with your desired options:

        
import { Gradient } from '@prodbyeagle/grainient';

const canvas = document.getElementById('myCanvas');

const options = {
  colors: ['#ff0000', '#00ff00', '#0000ff'],
  grain: 20,
  type: 'linear',
  angle: 45
};

Gradient(canvas, options);
        
      

About Us

Our library provides a simple and powerful way to create stunning gradients and grain effects for your web projects. Whether you're looking to enhance your designs with custom gradients or add dynamic grain textures, we've got you covered.