8 Useful JavaScript Libraries You’ve Probably Never Used.

1- Granim.js

2- Anime.js

[{"selector":"#anim-ce49e3eb-d521-4ba1-9053-b010f063f4d4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3e1655c1-90ce-4adf-a732-74ce5343d46d","keyframes":{"transform":["translate3d(-123.91305%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

3- Chart.js

[{"selector":"#anim-7e343fc2-5efb-4df4-91a9-2edd1799da9b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0c11d506-4732-47b4-93c1-ddac6b611da6","keyframes":{"transform":["translate3d(-140.00001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

4- Choreographer.js

[{"selector":"#anim-b3e134e3-04a5-40cc-bd5c-86d0c21404d2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a8dc8669-fa07-4f44-ac89-358c1735bcf1","keyframes":{"transform":["translate3d(-124.63768%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

5- AOS.js ( Animation On Scroll )

[{"selector":"#anim-7950faa4-018a-4128-90ca-183a39bce9bb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e0ec23ae-9bb2-4cf9-8639-31812d8c351e","keyframes":{"transform":["translate3d(-123.91305%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

6- Bideo.js

[{"selector":"#anim-cf188ddd-e8bb-434a-bd21-f493f8d85b09","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b1498d05-1a72-4ca1-aff6-3d43e125b32d","keyframes":{"transform":["translate3d(-123.91305%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

7- Cleave.js

[{"selector":"#anim-a245b2af-f57f-4353-909e-36f7442e2ca3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e92c433a-8a89-409e-9497-11453089cf2c","keyframes":{"transform":["translate3d(-123.91305%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]