svelte-lottie-player
- A Lottie player component specifically designed for Svelte, built on top of the
lottie-web
library. - Provides enhanced controls for viewing and interacting with Lottie animations, including:
- Play/pause/stop functionality
- Progress tracking with seeker
- Looping controls
- Render graph for frame performance analysis
- Supports customizable toolbar layout via props.
- Offers multiple rendering options (SVG, canvas, etc.) with configurable background, dimensions, and autoplay behavior.
Key Features
- Framework Support: Primarily for Svelte (with demos available in Svelte REPL).
- Tooling: Includes a built-in control toolbar and render performance visualization.
- Customization: Props for animation source (
src
), playback behavior (autoplay
,loop
), and toolbar layout (controlsLayout
).
Target Audience
- Developers working with Lottie animations in Svelte projects.
- Users needing interactive controls and performance insights for animations.
Resources
- [Component Storybook Demo](https://lottiefiles.github.io/svelte-lottie-player/ fa-solid fa-up-right-from-square)
- [Basic Usage Example (Svelte REPL)](https://svelte.dev/repl/c7c774dba1464389af5d738a9e486658 fa-solid fa-up-right-from-square)
sveltesvelte-componentssvelte-componentlottie
Author
Featured Stories
No featured articles here. Navigate to an article, then pick the Feature on menu button