Web Component Player
Custom HTML element for rendering .lottie and .json animations. Drop the <dotlottie-player> element into any HTML page or framework without a build step.
dotLottie Web Component Player
The dotLottie web component player (@lottiefiles/dotlottie-web) provides a <dotlottie-player> custom HTML element for rendering .lottie and .json animations. It can be used in any HTML page or JavaScript project without a framework or build step, via CDN or npm.
Tutorials
Getting Started — Install and add the element to your page
How-to Guides
Examples — Common tasks with code examples
Reference
Attributes Reference — All HTML attributes accepted by
<dotlottie-player>API Reference — Worker element, WASM config, and instance API access
Last updated: May 5, 2026 at 5:55 AMEdit this page