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, 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.
Start here
Getting started — install the package and render your first animation
Guides
Examples — recipes for playback controls, events, styling, and segments
Advanced playback control — drive the player through the
DotLottieinstance
Reference
Props reference — every component prop, with types and defaults
API reference — package exports,
setWasmUrl, and instance access