Vue Player

Vue 3 component for rendering Lottie and dotLottie animations, built on the core dotLottie web player.

To add Lottie animations to a Vue app, use @lottiefiles/dotlottie-vue — a Vue 3 component that renders .lottie and .json files. It wraps the core dotLottie web player and adds Vue-friendly props plus template-ref access to the underlying DotLottie instance.

The current version is v0.x.

Getting Started

Install the component and render your first animation.

Examples

Control playback, handle events, and switch between animations.

Advanced Usage

Drive the player through the DotLottie instance.

Props Reference

All component props with types and defaults.

API Reference

setWasmUrl, instance access, and core player API links.

Last updated: August 13, 2026 at 9:17 AMEdit this page