An open source AOS template
Built with ReactJS, TailwindCSS and AOS animation. I designed the first illustration myself using character builder by sapiens.ui8.net
AOS - an animate on scroll library
In this template I am using AOS animation, It has different cool options to animate an element, some of which are being demonstrated in this template. Below showcase a few examples.
AOS Options
AOS options provided from the library. These 4 sections below are being animated using the fade, flip, slide and slide animations.
Fade animations
Using 'fade-up' for this grid. Other Fade animation include fade-up, fade-down,fade-left, fade-right, fade-up-right, fade-up-left, fade-down-right, fade-down-left
Flip animations
Using 'flip-up' for this grid. other Flip animation includes flip-up, flip-down, flip-left, flip-right
Slide animations
Using 'slide-left' for this grid. other Slide animation includes slide-up, slide-down, slide-left, slide-right
Zoom animations
Using 'zoom-in-left' for this grid. other Zoom animation includes zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right, zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right