Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

grady

imsky5MIT0.9.9

Gradient generator for CSS, SVG, and canvas

css, svg, canvas, gradient

readme

Grady

Grady creates gradients in CSS, SVG, and Canvas format from a standard syntax.

Installing

Usage

Include grady.js in your HTML:

<script src="grady.js"></script>

Create a gradient with Grady using the standard syntax:

var gradient = 'linear-gradient(to top right, #24c6dc, #514a9d)';
var grady = Grady(gradient);
var css = grady.css();
var svg = grady.svg();
var canvas = grady.canvas(300, 200);

Browser support

License

Grady is provided under the MIT license.

Credits

Grady is a project by Ivan Malopinsky.