Svelte Lottie Player • Playground • Svelte

App.svelte

import { LottiePlayer } from '@lottiefiles/svelte-lottie-player';

</script>

<LottiePlayer

src='https://assets2.lottiefiles.com/packages/lf20_wxUJzo.json'

autoplay={true}

loop={true}

controls={true}

renderer='svg'

background='transparent'

height={500}

width={500}

controlsLayout={[

"previousFrame",

"playpause",

"stop",

"nextFrame",

"progress",

"frame",

"loop",

"spacer",

"background",

"snapshot",

"zoom",

"info"

]} />

loading Svelte compiler...

/* Select a component to see its compiled code */

result = svelte.compile(source, {

generate: "client" "server",

dev: false });

/* Select a component to see its compiled code */