Animate On

Scroll Framer

A simple scroll animation library made to simplify appear on scroll animations for both beginner and expert developers alike. It was built using framer motion as the basis for the animations.



Image1
image2

01. Fade Animations


Each element which has any of these (fadeIn, fadeInUp, fadeInDown, fadeInRight, fadeInLeft) values as the animation type will fade in the way described.

circle1
circle1
circle1

02. Scale Animations


This animation is very different from the fade in animations above. They scale in according to the value of the animation type.


image 2

03. Slide Animations


These animations make any element that they wrap animate with a sliding animation. There are different kinds of slide in animations listed in the docs.

image4
image5

image6

DID

YOU ENJOY

THE ANIMATIONS



Check out Animate On Scroll Framer


This library is relatively new so you can expect to run into some bugs. If you do run into any bugs you can feel free to open an issue or a PR



MADE WITH JUNIOR DEVS IN MIND 👍