Core Concepts
Master the core concepts of the dotLottie Web Player. Learn about loading animations, playback control, layout, multi-animation support, and theming.
Web Player Core Concepts
This section explains the core concepts behind the Web Player: how animations are loaded, how playback is controlled, and how layout, theming, and multi-animation support work.
Animation Loading
The Web Player supports multiple ways to load animations:
Load from URLs (
.lottieor.jsonfiles)Load from JSON data or ArrayBuffer
Dynamic loading and switching
Multi-animation file support
Learn more about loading animations →
Playback Control
Control your animations with comprehensive playback methods:
Play, pause, and stop controls
Speed and direction management
Loop configuration
Frame-level control and segments
Marker-based playback
Learn more about playback control →
Layout & Styling
Configure how animations are rendered and positioned:
Fit modes (contain, cover, fill, etc.)
Alignment options
Background colors
Canvas management and resizing
Responsive design patterns
Learn more about layout & styling →
Multi-Animation Support
Work with .lottie files containing multiple animations:
Access animation manifests
Switch between animations
Sequential playback
Animation management
Learn more about multi-animation support →
Theming
Apply dynamic themes to your animations:
Load and switch themes at runtime
Custom theme data
System theme synchronization
Theme management best practices