- Notifications
You must be signed in to change notification settings - Fork3.7k
JavaScript animation engine
License
NotificationsYou must be signed in to change notification settings
juliangarnier/anime
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Important
After years in the making, Anime.js V4 is finally available in early access for myGitHub Sponsors!
JavaScript animation engine |animejs.com
Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API.
It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
Getting started | Documentation | Demos and examples | Browser support
 |  |  |
| Huly | Clutch | Your logo here |
Via npm
$ npm install animejs --save
or manualdownload.
importanimefrom'animejs/lib/anime.es.js';
constanime=require('animejs');
Linkanime.min.js in your HTML :
<scriptsrc="anime.min.js"></script>
anime({targets:'div',translateX:250,rotate:'1turn',backgroundColor:'#FFF',duration:800});
- Targets
- Properties
- Property parameters
- Animation parameters
- Values
- Keyframes
- Staggering
- Timeline
- Controls
- Callbacks and promises
- SVG Animations
- Easing functions
- Helpers
- CodePen demos and examples
- juliangarnier.com
- animejs.com
- Moving letters by@tobiasahlin
- Gradient topography animation by@crnacura
- Organic shape animations by@crnacura
- Pieces slider by@lmgonzalves
- Staggering animations
- Easings animations
- Sphere animation
- Layered animations
- anime.js logo animation
| Chrome | Safari | IE / Edge | Firefox | Opera |
|---|---|---|---|---|
| 24+ | 8+ | 11+ | 32+ | 15+ |
Website |Documentation |Demos and examples |MIT License | © 2019Julian Garnier.
About
JavaScript animation engine
Topics
Resources
License
Stars
Watchers
Forks
Packages0
No packages published