# Svelte Player
Render Lottie and dotLottie animations in Svelte and SvelteKit apps with the @lottiefiles/dotlottie-svelte component.

To add Lottie animations to your Svelte or SvelteKit app, use the dotLottie Svelte player (`@lottiefiles/dotlottie-svelte`). It renders `.lottie` and `.json` animations through a single `DotLottieSvelte` component that wraps the core [dotLottie web player](/en/runtimes/distributions/js/v0.x), exposing its features as Svelte props and giving you direct access to the player instance when you need it.

The current version is [v0.x](/en/runtimes/distributions/svelte/v0.x).

## Start here

- [Getting started](/en/runtimes/distributions/svelte/v0.x) — install the package and render your first animation

## Guides

- [Examples](/en/runtimes/distributions/svelte/v0.x/examples) — recipes for playback controls, events, styling, and segments
- [Advanced playback control](/en/runtimes/distributions/svelte/v0.x/advanced-usage) — drive the player through the `DotLottie` instance

## Reference

- [Props reference](/en/runtimes/distributions/svelte/v0.x/props-reference) — every component prop, with types and defaults
- [API reference](/en/runtimes/distributions/svelte/v0.x/api-reference) — package exports, `setWasmUrl`, and instance access