# Anime.js

## Docs

- [Animation Composition](https://mintlify.wiki/juliangarnier/anime/advanced/composition.md): Layer and combine animations with different composition modes
- [Scroll Events](https://mintlify.wiki/juliangarnier/anime/advanced/events.md): Trigger and sync animations with scroll position
- [Layout Animations](https://mintlify.wiki/juliangarnier/anime/advanced/layout.md): Animate layout changes and element transitions with FLIP technique
- [Performance Optimization](https://mintlify.wiki/juliangarnier/anime/advanced/performance.md): Optimize animations for smooth 60fps performance
- [SVG Animations](https://mintlify.wiki/juliangarnier/anime/advanced/svg.md): Animate SVG paths, morphing, motion paths, and drawing effects
- [Text Animations](https://mintlify.wiki/juliangarnier/anime/advanced/text.md): Split and animate text by lines, words, and characters
- [Web Animations API](https://mintlify.wiki/juliangarnier/anime/advanced/waapi.md): Use native browser animations with WAAPI integration
- [Animatable Class](https://mintlify.wiki/juliangarnier/anime/api/animatable-class.md): A reactive wrapper that creates animatable properties on target elements with dynamic getter/setter methods.
- [Animatable Methods](https://mintlify.wiki/juliangarnier/anime/api/animatable-methods.md): Methods available on Animatable instances for controlling and managing reactive animations.
- [animate()](https://mintlify.wiki/juliangarnier/anime/api/animate.md): Create and initialize a new animation instance
- [Animation Class](https://mintlify.wiki/juliangarnier/anime/api/animation-class.md): The JSAnimation class for creating and controlling animations
- [Animation Parameters](https://mintlify.wiki/juliangarnier/anime/api/animation-parameters.md): Comprehensive reference for all animation parameters and property values
- [Cubic Bezier](https://mintlify.wiki/juliangarnier/anime/api/cubic-bezier.md): Create custom cubic bezier easing curves in Anime.js
- [Draggable Class](https://mintlify.wiki/juliangarnier/anime/api/draggable-class.md): Create interactive drag and drop interfaces with physics-based animations, snap points, and advanced touch controls.
- [Draggable Methods](https://mintlify.wiki/juliangarnier/anime/api/draggable-methods.md): Methods for controlling and managing draggable instances, including position updates, state management, and lifecycle control.
- [Easing Functions](https://mintlify.wiki/juliangarnier/anime/api/easing-functions.md): Built-in easing functions for smooth animations in Anime.js
- [Spring Easing](https://mintlify.wiki/juliangarnier/anime/api/spring-easing.md): Physics-based spring easing for natural motion in Anime.js
- [stagger()](https://mintlify.wiki/juliangarnier/anime/api/stagger.md): Creates staggered animation values for distributing delays across multiple targets
- [SVG Utilities](https://mintlify.wiki/juliangarnier/anime/api/svg-utils.md): Utilities for animating SVG paths, drawing effects, and morphing
- [Text Utilities](https://mintlify.wiki/juliangarnier/anime/api/text-utils.md): Split text into animatable lines, words, and characters
- [Timeline Class](https://mintlify.wiki/juliangarnier/anime/api/timeline-class.md): The Timeline class extends Timer to manage and orchestrate multiple animations with precise timing control and sequencing capabilities.
- [Timeline Methods](https://mintlify.wiki/juliangarnier/anime/api/timeline-methods.md): Methods for adding, controlling, and manipulating animations within a Timeline instance.
- [Timeline Parameters](https://mintlify.wiki/juliangarnier/anime/api/timeline-parameters.md): Comprehensive reference for all Timeline configuration parameters, inherited properties, and animation defaults.
- [Timer Class](https://mintlify.wiki/juliangarnier/anime/api/timer-class.md): Base class used to create Timers, Animations and Timelines in Anime.js
- [Timer Methods](https://mintlify.wiki/juliangarnier/anime/api/timer-methods.md): Methods for controlling timer playback and state in Anime.js
- [Utility Functions](https://mintlify.wiki/juliangarnier/anime/api/utils.md): Mathematical and string manipulation utilities for animations
- [Animations](https://mintlify.wiki/juliangarnier/anime/concepts/animations.md): Learn how to create and control animations in Anime.js using the animate() function
- [Keyframes](https://mintlify.wiki/juliangarnier/anime/concepts/keyframes.md): Create complex multi-step animations using keyframe syntax
- [Properties](https://mintlify.wiki/juliangarnier/anime/concepts/properties.md): Animate CSS properties, transforms, SVG attributes, and object properties with flexible value formats
- [Targets](https://mintlify.wiki/juliangarnier/anime/concepts/targets.md): Understanding how Anime.js targets and animates different types of elements and objects
- [Timelines](https://mintlify.wiki/juliangarnier/anime/concepts/timelines.md): Sequence and synchronize multiple animations with powerful timeline controls
- [Built-in Easings](https://mintlify.wiki/juliangarnier/anime/easings/built-in.md): Pre-configured easing functions based on Robert Penner's easing equations
- [Cubic Bezier](https://mintlify.wiki/juliangarnier/anime/easings/cubic-bezier.md): Create custom easing curves using cubic bezier control points
- [Custom Easing Functions](https://mintlify.wiki/juliangarnier/anime/easings/custom.md): Write your own easing functions for complete control over animation timing
- [Irregular](https://mintlify.wiki/juliangarnier/anime/easings/irregular.md): Create randomized, organic animations with irregular step-based easing
- [Easings Overview](https://mintlify.wiki/juliangarnier/anime/easings/overview.md): Control the pacing and timing of your animations with Anime.js easing functions
- [Spring](https://mintlify.wiki/juliangarnier/anime/easings/spring.md): Physics-based spring animations with natural bouncing motion
- [Steps](https://mintlify.wiki/juliangarnier/anime/easings/steps.md): Create discrete, frame-by-frame animations with step-based easing
- [Basic Animations](https://mintlify.wiki/juliangarnier/anime/examples/basic-animations.md): Learn the fundamentals of creating animations with Anime.js including property animations, easings, and staggering effects
- [Canvas Animations](https://mintlify.wiki/juliangarnier/anime/examples/canvas.md): Create high-performance canvas animations with thousands of particles using Anime.js
- [Draggable Elements](https://mintlify.wiki/juliangarnier/anime/examples/draggable.md): Create interactive drag-and-drop interfaces with physics-based motion using Anime.js draggable features
- [Scroll Animations](https://mintlify.wiki/juliangarnier/anime/examples/scroll-animations.md): Create scroll-linked animations that respond to user scrolling using Anime.js onScroll feature
- [SVG Animations](https://mintlify.wiki/juliangarnier/anime/examples/svg-animations.md): Animate SVG elements, paths, and create stunning line drawing effects with Anime.js
- [Text Animations](https://mintlify.wiki/juliangarnier/anime/examples/text-animations.md): Create stunning text effects using Anime.js text splitting and character-by-character animations
- [Timelines](https://mintlify.wiki/juliangarnier/anime/examples/timelines.md): Create complex, sequenced animations with precise timing control using Anime.js timelines
- [Installation](https://mintlify.wiki/juliangarnier/anime/installation.md): Install Anime.js v4.3.6 via npm, yarn, pnpm, or CDN to start animating your projects
- [Introduction to Anime.js](https://mintlify.wiki/juliangarnier/anime/introduction.md): A fast, multipurpose JavaScript animation library with a simple yet powerful API for CSS, SVG, DOM and JavaScript objects
- [Animatable](https://mintlify.wiki/juliangarnier/anime/modules/animatable.md): Create reactive animation controllers that can be updated in real-time with smooth transitions
- [Animation](https://mintlify.wiki/juliangarnier/anime/modules/animation.md): Core animation module for creating individual animations with tween-based property interpolation
- [Draggable](https://mintlify.wiki/juliangarnier/anime/modules/draggable.md): Create smooth drag-and-drop interactions with physics-based momentum, snapping, and container constraints
- [Engine](https://mintlify.wiki/juliangarnier/anime/modules/engine.md): Global animation engine that manages the render loop and coordinates all animations
- [Scope](https://mintlify.wiki/juliangarnier/anime/modules/scope.md): Create isolated animation contexts with scoped defaults, lifecycle management, and reactive updates
- [Timeline](https://mintlify.wiki/juliangarnier/anime/modules/timeline.md): Create complex animation sequences by chaining multiple animations together
- [Timer](https://mintlify.wiki/juliangarnier/anime/modules/timer.md): Base timing class that powers animations and timelines with precise playback control
- [Quick Start](https://mintlify.wiki/juliangarnier/anime/quickstart.md): Create your first animation with Anime.js in minutes with this step-by-step guide
- [random](https://mintlify.wiki/juliangarnier/anime/utilities/random.md): Generate random numbers and select random items for unpredictable animations
- [stagger](https://mintlify.wiki/juliangarnier/anime/utilities/stagger.md): Create staggered animation delays with advanced distribution options
- [time](https://mintlify.wiki/juliangarnier/anime/utilities/time.md): Time synchronization utilities for advanced animation control