A simple way to animate elements on scroll, just add data-animape

Install

Download

• animape.css
• animape.js

CDN

<!-- Animape CSS -->
<link rel="stylesheet" href="https://unpkg.com/animape@latest/animape.css">

<!-- Animape JS -->
<script src="https://unpkg.com/animape@latest/animape.js"></script>

NPM

How to use animape

1. Set it up const animape = new Animape();
2. Initialize it animape.init();
3. Add data-animape to any element you wish to animate on scroll
4. Done!

You can learn more by checking out our docs View docs ↗