45+ Anime JS Examples: Learn How to Create Stunning Animations

 Explore 45+ Anime js examples, including grid staggering, layered animations, and SVG sphere animations. All examples are free and open-source.

Title:- Ghost Boo-sters 👻 – the game 🎮
Author:- Yasio
Made with:- HTML CSS JS

Title:- Smoothie App
Author:- Gabriele Corti
Made with:- HTML CSS JS

Title:- SVG icon animations with Anime.js
Author:- Natalia Davydova
Made with:- HTML CSS JS

Title:- Morphing SVG shape / blob (anime.js)
Author:- Philip
Made with:- HTML CSS JS

Title:- Thank You Animation
Author:- Gabriele Corti
Made with:- HTML CSS JS

Title:- Flower Timeline
Author:- Gabriele Corti
Made with:- HTML CSS JS

Title:- Julian’s Grid – Anime.js
Author:- William Staudenmeier
Made with:- HTML CSS JS

Title:- SVG The Bomb
Author:- Gabriele Corti
Made with:- HTML CSS JS

Title:- Switch
Author:- kalyada
Made with:- HTML CSS JS

Title:- Preloader with Anime.js
Author:- Kevin Konrad Henriquez
Made with:- HTML CSS JS

Title:- Animated Svg illustration with Anime.js
Author:- Artem
Made with:- HTML CSS JS

Title:- Micro Interactions (Online Status)
Author:- sandeep.io
Made with:- HTML CSS JS

Title:- Back2School SVG Animation w/ anime.js
Author:- Yasio
Made with:- HTML CSS JS

Title:- ☠️ – Anime.js SVG CSS Filter
Author:- vainsan
Made with:- HTML CSS JS

Title:- Mobile Planet gallery
Author:- Simone Bernabè
Made with:- HTML CSS JS

Title:- Login Page Anime.js
Author:- Swarup Kumar Kuila
Made with:- HTML CSS JS

Title:- Bouncy Line SVG
Author:- Nelson Rodrigues
Made with:- HTML CSS JS

Title:- Bike to School
Author:- Mariusz Dabrowski
Made with:- HTML CSS JS

Title:- Modern retro – IBM THINK
Author:- Mikael Ainalem
Made with:- HTML CSS JS

Title:- Animated Hexagon Circle Logo
Author:- Ryan Mulligan
Made with:- HTML CSS JS

Title:- Card Flip
Author:- Marcos Paulo
Made with:- HTML CSS JS

Title:- Anime.js + ScrollMagic Scroll Based Animations
Author:- Rex Bullington
Made with:- HTML CSS JS

Title:- Easings animations with anime.js
Author:- Julian Garnier
Made with:- HTML CSS JS

Title:- anime.js pong
Author:- Te Vallee
Made with:- HTML CSS JS

Title:- Specific property parameters – anime.js
Author:- Julian Garnier
Made with:- HTML CSS JS

Title:- anime.js V3 logo animation
Author:- Julian Garnier
Made with:- HTML CSS JS

Title:- SVG Morphing with Anime.js
Author:- Paolo Duzioni
Made with:- HTML CSS JS

Title:- anime.js stress test
Author:- Julian Garnier
Made with:- HTML CSS JS

Title:- Anime.js Ease Visualizer
Author:- Julian Garnier
Made with:- HTML CSS JS

Title:- Happy New Year 2023
Author:- Swarup Kumar Kuila
Made with:- HTML CSS JS

Title:- SVG sphere animation with anime.js
Author:- Julian Garnier
Made with:- HTML CSS JS

Title:- Floatting Draggable Menu (Messenger like)
Author:- Andy Pagès
Made with:- HTML CSS JS

Title:- Anime.js v2.0 logo animation
Author:- Julian Garnier
Made with:- HTML CSS JS

Title:- Pokemon Go – ZingTouch x Anime.js
Author:- ZingChart
Made with:- HTML CSS JS

Title:- Anime.js Fireworks canvas demo
Author:- Julian Garnier
Made with:- HTML CSS JS

Title:- Advanced staggering with anime.js
Author:- Julian Garnier
Made with:- HTML CSS JS

Title:- Hand written SVG text animation
Author:- Matthew Ellis
Made with:- HTML CSS JS

Title:- Letterize.js + Anime.js example #2
Author:- Wojciech Krakowiak
Made with:- HTML CSS JS

Title:- Submit Button (Anime.js)
Author:- Andrew Millen
Made with:- HTML CSS JS

Title:- 404 error page
Author:- Swarup Kumar Kuila
Made with:- HTML CSS JS

Title:- Color Changin’
Author:- Alex Zaworski
Made with:- HTML CSS JS

Title:- Product delivery status card for website
Author:- Aryankapoor
Made with:- HTML CSS JS