data-anim

Add a script tag. Write attributes. Your HTML comes alive. Under 3KB gzipped with 30+ animations, 4 triggers, and built-in anti-FOUC protection.

npm install data-anim

import 'data-anim';

<script src="https://unpkg.com/data-anim/dist/data-anim.min.js"></script>

<h1 data-anim="fadeInUp">Hello World</h1>

• Visit the Documentation to view the full API reference.
• Try the Playground to experiment with animations interactively.

Visit https://ryo-manba.github.io/data-anim/ to view the full documentation.

Contributions to data-anim are welcome and highly appreciated. Please review our Contribution Guidelines before getting started.

MIT