Transform your web experiences with lightning-fast animations
A lightweight, modular, and powerful JavaScript animation library built for developers who want precise control over UI animations without the bloat of large frameworks.
Click on any element to see the animation in action!
Smoothly fades element into view with customizable duration and easing.
Slides element from specified direction with configurable distance.
Rotates element with configurable speed and duration.
Combines rotation with scaling effect for dynamic animations.
Types text with pulsing cursor effect, perfect for dynamic content.
Triggers animation when element enters viewport. Perfect for scroll-based reveals.
npm install anim8-core
<script src="https://unpkg.com/anim8-core/dist/anim9.umd.js"></script>
import { fadeIn, slideIn, rotate } from 'anim8-core';
// Get your element
const element = document.querySelector('.my-element');
// Fade in with custom options
fadeIn(element, {
duration: 800,
delay: 200,
easing: 'easeOutExpo'
});
// Slide in from the left
slideIn(element, {
direction: 'left',
duration: 600,
distance: '100px'
});
// Rotate continuously
rotate(element, {
speed: 2,
duration: 3000
});