# 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](/en/runtimes/distributions/js/v0.x).

## Versions

- [v0.x](/en/runtimes/distributions/web-component/v0.x) — current version.

## Documentation

- [Getting started](/en/runtimes/distributions/web-component/v0.x) — render your first animation with `<dotlottie-wc>`.
- [Examples](/en/runtimes/distributions/web-component/v0.x/examples) — control playback and handle events with JavaScript.
- [Attributes and properties](/en/runtimes/distributions/web-component/v0.x/attributes-reference) — all HTML attributes and JavaScript properties.
- [API reference](/en/runtimes/distributions/web-component/v0.x/api-reference) — the worker element, WASM configuration, and instance access.