Web Component Player
Render .lottie and .json animations in any HTML page with the dotlottie-wc custom element — no framework or build step required.
To add Lottie animations to a plain HTML page — or to any framework that supports standard custom elements — use the dotLottie web component (@lottiefiles/dotlottie-wc). It provides the <dotlottie-wc> element for rendering .lottie and .json animations, loadable from a CDN or installable from npm, and wraps the core dotLottie web player.
Versions
v0.x — current version.
Documentation
Getting started — render your first animation with
<dotlottie-wc>.Examples — control playback and handle events with JavaScript.
Attributes and properties — all HTML attributes and JavaScript properties.
API reference — the worker element, WASM configuration, and instance access.