gradstop

JavaScript micro library to generate monotone color schemes and equidistant gradient stops

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
gradstop
2.2.35 years ago6 years agoMinified + gzip package size for gradstop in KB

Readme

gradstop

<img src="https://badge.fury.io/js/gradstop.svg" alt="NPM Version">
<img src="https://img.shields.io/npm/dm/gradstop.svg" alt="NPM Downloads">
<img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="License: MIT">
<img src="https://travis-ci.com/Siddharth11/gradstop.svg?branch=master" alt="Build Status">

JavaScript micro library to generate gradient color stops

| Demo | UMD Bundle | |---|---|

Usage:

npm install gradstop

import gradstop from 'gradstop';

const gradient = gradstop({
    stops: 5,
    inputFormat: 'hex',
    colorArray: ['#343838', '#00DFFC']
});

console.log(gradient);
// rgb(52,56,56), rgb(39,97,105), rgb(26,139,154), rgb(13,181,203), rgb(0,223,252)

Gradient Strip

Default Parameters:

inputFormat: 'hex' (supports hex, rgb and hsl) stops: 5 colorArray: '#fff', '#000' \(supports upto 4 values)
Both shorthand(#fff) and standard(#ffffff) format hex values are supported.

Polyfills required:

  • Math.trunc