Naivete Precedes Misrepresentation

    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> 

    Install

    npm i granim

    DownloadsWeekly Downloads

    670

    Version

    2.0.0

    License

    MIT

    Unpacked Size

    666 kB

    Total Files

    100

    Last publish

    Collaborators

    • pranaygp
    • sarcadass