granim
DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/granim package

2.0.0 • Public • Published

Granim.js Build Status codecov gitter

Create fluid and interactive gradients animations with this small (< 17 kB) js library.

See the demo site.

Install

From NPM

  • Run npm install granim --save

From Bower

  • Run bower install granim

Static

How to use

<!-- Create a <canvas> element -->
<canvas id="granim-canvas"></canvas>
 
<!-- Call the script -->
<script src="granim.min.js"></script>
 
<!-- Create a Granim instance -->
<script>
var granimInstance = new Granim({
   element: '#granim-canvas',
   name: 'granim',
   opacity: [1, 1],
   states : {
       "default-state": {
           gradients: [
               ['#834D9B', '#D04ED6'],
               ['#1CD8D2', '#93EDC7']
           ]
       }
   }
});
</script> 

Readme

Keywords

Package Sidebar

Install

npm i granim

Weekly Downloads

1,575

Version

2.0.0

License

MIT

Unpacked Size

666 kB

Total Files

100

Last publish

Collaborators

  • pranaygp
  • sarcadass