Animotion

Get Started with Anime.js

Learn how to add beautiful animations to your website in just a few steps.

1

Installation

Add Anime.js to your project via CDN or npm:

<script src="https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js"></script>

Or via npm: npm install animejs

2

Basic Animation

Create your first animation:

anime({
  targets: '.box',
  translateX: 250,
  rotate: '1turn',
  backgroundColor: '#FF0000',
  duration: 800
});
3

Next Steps

Explore more advanced features:

  • Timeline controls

  • SVG animations

  • Custom easings

View Documentation