AniJS – Declarative handling library for CSS animations


Want to create cool CSS animation effect? Try AniJS library crated by Dariel Noel. It is a declarative CSS library for animations. It is easy to use and performs good. You can easily integrate it with your existing code. It supports all modern desktop and mobile browsers.

AniJS – Declarative handling library for CSS animations


Demo Download


Usage of the library is easy. Like other libraries, it requires you to include the JS and CSS files of the library.

<link rel="stylesheet" href="">
<script src="anijs-min.js"></script>

Now you need to add anijs-data tag in HTML elements. in data-anijs tag, we usually write the animation effect and condition when to show that effect.

<header data-anijs="if: click, do: flipInY animated">
<nav data-anijs="if: scroll, on: window, do: swing animated, to: footer">
<div id="main" data-anijs="if: load, on: window, do: swing animated">
if: load, on: window, do: swing animated
<script src="bower_components/anijs/dist/anijs-min.js"></script>


Nord VPN Sale

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.

Similar Articles

2020 UseThisTip | Developed By Deepanker