dotlottie-web
High-performance Lottie & dotLottie web player powered by Rust + WASM, with React, Vue, Svelte, Solid & Web Components.
File Explorer
Download Latest Version (.zip)- config.json
- README.md
- BUG_REPORT.md
- ENHANCEMENT.md
- FEATURE_REQUEST.md
- ci.yml
- deploy-viewer.yml
- release.yml
- stale.yml
- CODEOWNERS
- dependabot.yml
- PULL_REQUEST_TEMPLATE.md
- SECURITY.md
- brand-logo.svg
- react.svg
- base-button.tsx
- base-input.tsx
- base-select.tsx
- input-label.tsx
- step-select.tsx
- switch.tsx
- code-editor.tsx
- console-panel.tsx
- error-display.tsx
- example-selector.tsx
- preview-iframe.tsx
- resizable-split.tsx
- VirtualAnimationItem.tsx
- VirtualizedAnimationList.tsx
- animation-list.tsx
- controls.tsx
- dotlottie-cdn-player.tsx
- dotlottie-gpu-player.tsx
- dotlottie-old.tsx
- load-time.tsx
- players.tsx
- side-panel.tsx
- skottie.tsx
- slot-controller.tsx
- top-bar.tsx
- theme-context.tsx
- basic.js
- dynamic-loading.js
- event-listeners.js
- interactive-hover.js
- play-segment.js
- playback-controls.js
- playground-examples.ts
- useDotLottiePool.ts
- embed.tsx
- home.tsx
- list.tsx
- perf.tsx
- playground.tsx
- hooks.ts
- index.ts
- types.ts
- viewer-slice.ts
- url-compression.ts
- index.css
- main.tsx
- vite-env.d.ts
- .gitignore
- index.html
- package.json
- postcss.config.js
- tailwind.config.js
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- 1.gif
- 2.gif
- 3.gif
- 4.gif
- favicon.ico
- next.svg
- vercel.svg
- _app.tsx
- _document.tsx
- index.tsx
- globals.css
- wasm-url.d.ts
- .gitignore
- next.config.mjs
- package.json
- tsconfig.json
- App.tsx
- client-entry.tsx
- vite-env.d.ts
- .gitignore
- index.html
- package.json
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- App.tsx
- index.css
- index.tsx
- .gitignore
- index.html
- package.json
- tsconfig.json
- vite.config.ts
- extensions.json
- vue.svg
- HelloWorld.vue
- App.vue
- main.ts
- style.css
- vite-env.d.ts
- .eslintrc.cjs
- .gitignore
- index.html
- package.json
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- main.ts
- vite-env.d.ts
- .gitignore
- index.html
- package.json
- tsconfig.json
- main.ts
- styles.css
- vite-env.d.ts
- .gitignore
- index.html
- package.json
- tsconfig.json
- vite.config.ts
- .gitignore
- demo.gif
- index.ts
- package.json
- README.md
- tsconfig.json
- Impact.ttf
- Type-Tones - Arboria-Black.woff
- Type-Tones - Arboria-Bold.woff
- 11555.json
- 1643-exploding-star.json
- 27746-joypixels-partying-face-emoji-animation.json
- 5317-fireworkds.json
- 5344-honey-sack-hud.json
- a_mountain.json
- abstract_circle.json
- alien.json
- anubis.json
- balloons_with_string.json
- batman.json
- birth_stone_logo.json
- calculator.json
- card_hover.json
- cat_loader.json
- coin.json
- confetti.json
- confetti2.json
- confettiBird.json
- customer.json
- dancing_book.json
- dancing_star.json
- day_to_night.json
- dodecahedron.json
- down.json
- dropball.json
- duck.json
- earth_hour.json
- emoji.json
- emoji_enjoying.json
- error_404.json
- fiery_skull.json
- fleche.json
- flipping_page.json
- fly_in_beaker.json
- focal_test.json
- foodrating.json
- frog_vr.json
- fun_animation.json
- funky_chicken.json
- game_finished.json
- geometric.json
- glow_loading.json
- gradient_background.json
- gradient_infinite.json
- gradient_sleepy_loader.json
- gradient_smoke.json
- growup.json
- guitar.json
- hamburger.json
- happy_holidays.json
- happy_trio.json
- hola.json
- holdanimation.json
- hourglass.json
- insta_camera.json
- isometric.json
- kote.json
- la_communaute.json
- like.json
- like_button.json
- loading_rectangle.json
- lolo.json
- lolo_walk.json
- loveface_emoji.json
- masking.json
- material_wave_loading.json
- merging_shapes.json
- message.json
- morphing_anim.json
- open_envelope.json
- personal_character.json
- polystar.json
- polystar_anim.json
- property_market.json
- radar.json
- ripple_loading_animation.json
- rufo.json
- sad_emoji.json
- sample.json
- seawalk.json
- skullboy.json
- snail.json
- starburst.json
- starstrips.json
- starts_transparent.json
- stroke_dash.json
- swinging.json
- text.json
- text2.json
- text_anim.json
- threads.json
- train.json
- uk_flag.json
- voice_recognition.json
- walker.json
- water_filling.json
- waves.json
- woman.json
- yarn_loading.json
- all-inputs.json
- click-machine.json
- cursor-machine.json
- hold-machine.json
- hover.lottie
- open-url-machine.json
- scroll-machine.json
- smiley_slider.lottie
- star-rating.lottie
- theme-machine.json
- toggle.lottie
- aniki-hamster.json
- celebrate.json
- down.json
- dragon.json
- editor.json
- exploding_pigeon.lottie
- favicon.png
- favicon.svg
- growup.json
- hamster.json
- hamster.lottie
- image.json
- layout_example.lottie
- like.json
- lolo.json
- lottie-lego.json
- markers_example.json
- markers_example.lottie
- multi.lottie
- multi_themes.lottie
- profiler.js
- sm.lottie
- test.json
- test.lottie
- text.json
- toggle.lottie
- walker.json
- waves.json
- woman.json
- command.md
- install.sh
- README.md
- index.tsx
- index.tsx
- base-dotlottie-react.tsx
- dotlottie-worker.tsx
- dotlottie.tsx
- index.ts
- dotlottie-react.spec.tsx.snap
- dotlottie-react.spec.tsx
- CHANGELOG.md
- package.json
- README.md
- setup-file.ts
- tsconfig.build.json
- tsconfig.json
- tsdown.config.ts
- vitest.config.ts
- dotlottie.tsx
- index.ts
- use-dotlottie.tsx
- CHANGELOG.md
- package.json
- README.md
- tsconfig.build.json
- tsconfig.json
- tsdown.config.ts
- Dotlottie.svelte
- index.ts
- +page.svelte
- app.d.ts
- app.html
- favicon.png
- dotlottie-svelte.spec.ts.snap
- dotlottie-svelte.spec.ts
- .eslintignore
- .gitignore
- .prettierrc
- CHANGELOG.md
- package.json
- README.md
- setup-file.ts
- svelte.config.js
- tsconfig.json
- vite.config.ts
- vitest.config.ts
- dotlottie.ts
- index.ts
- CHANGELOG.md
- package.json
- README.md
- tsconfig.build.json
- tsconfig.json
- tsdown.config.ts
- dotlottie-wc.spec.ts
- exports.spec.ts
- base-dotlottie-wc.ts
- dotlottie-wc.ts
- dotlottie-worker-wc.ts
- index.ts
- set-wasm-url.ts
- CHANGELOG.md
- example.html
- package.json
- README.md
- tsconfig.build.json
- tsconfig.json
- tsdown.config.ts
- vitest.config.ts
- plugin-inline-worker.ts
- verify-dist.mjs
- dotlottie-player.d.ts
- dotlottie-player.js
- dotlottie-player.wasm
- dotlottie-player.wasm.d.ts
- index.ts
- dotlottie-player.d.ts
- dotlottie-player.js
- dotlottie-player.wasm
- dotlottie-player.wasm.d.ts
- dotlottie-webgl.ts
- index.ts
- dotlottie-player.d.ts
- dotlottie-player.js
- dotlottie-player.wasm
- dotlottie-player.wasm.d.ts
- dotlottie-webgpu.ts
- index.ts
- dotlottie.ts
- dotlottie.worker.ts
- index.ts
- types.ts
- worker-manager.ts
- animation-frame-manager.ts
- constants.ts
- dotlottie.ts
- event-manager.ts
- index.ts
- offscreen-observer.ts
- resize-observer.ts
- types.ts
- utils.ts
- wasm-loader.ts
- frame-buffer-0.txt
- frame-buffer-1.txt
- frame-buffer-10.txt
- frame-buffer-11.txt
- frame-buffer-12.txt
- frame-buffer-13.txt
- frame-buffer-14.txt
- frame-buffer-15.txt
- frame-buffer-16.txt
- frame-buffer-17.txt
- frame-buffer-18.txt
- frame-buffer-19.txt
- frame-buffer-2.txt
- frame-buffer-20.txt
- frame-buffer-21.txt
- frame-buffer-22.txt
- frame-buffer-23.txt
- frame-buffer-24.txt
- frame-buffer-25.txt
- frame-buffer-26.txt
- frame-buffer-27.txt
- frame-buffer-28.txt
- frame-buffer-29.txt
- frame-buffer-3.txt
- frame-buffer-30.txt
- frame-buffer-31.txt
- frame-buffer-32.txt
- frame-buffer-33.txt
- frame-buffer-34.txt
- frame-buffer-35.txt
- frame-buffer-36.txt
- frame-buffer-37.txt
- frame-buffer-38.txt
- frame-buffer-39.txt
- frame-buffer-4.txt
- frame-buffer-40.txt
- frame-buffer-41.txt
- frame-buffer-5.txt
- frame-buffer-6.txt
- frame-buffer-7.txt
- frame-buffer-8.txt
- frame-buffer-9.txt
- dotlottie.node.test.ts
- dotlottie.test.ts
- event-manager.test.ts
- plugin-inline-worker.node.test.ts
- setup.ts
- test-utils.ts
- utils.test.ts
- wasm-loader.test.ts
- worker-canvas-adoption.test.ts
- .eslintignore
- BUILD_SYSTEM.md
- CHANGELOG.md
- dotlottie-rs
- index.html
- jsr.json
- Makefile
- package.json
- README.md
- tsconfig.build.json
- tsconfig.json
- tsdown.config.ts
- types.d.ts
- vitest.config.node.ts
- vitest.config.ts
- dynamic-slots.md
- dev-release-report.mjs
- remove-dev.mjs
- .editorconfig
- .eslintignore
- .gitattributes
- .gitignore
- .gitmodules
- .nvmrc
- .remarkignore
- .remarkrc.mjs
- .size-limit.js
- biome.json
- CODE_OF_CONDUCT.md
- commitlint.config.ts
- CONTRIBUTING.md
- index.html
- lefthook.yml
- LICENSE
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- README.md
- SKILL.md
- tsconfig.build.json
- tsconfig.dev.json
- tsconfig.json
- turbo.json
- vitest.config.ts
π Installation Guide
1. Get the code
git clone https://github.com/LottieFiles/dotlottie-web
Downloads the entire project code from GitHub to your computer.
cd dotlottie-web
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install @lottiefiles/dotlottie-web
Downloads and installs the libraries listed in package.json.
npm install @lottiefiles/dotlottie-react
Downloads and installs the libraries listed in package.json.
npm install @lottiefiles/dotlottie-vue
Downloads and installs the libraries listed in package.json.
npm install @lottiefiles/dotlottie-svelte
Downloads and installs the libraries listed in package.json.
npm install @lottiefiles/dotlottie-solid
Downloads and installs the libraries listed in package.json.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
3. Make
MediumPrerequisites
- Git Needed to download the project code from GitHub.
- Make Usually pre-installed on Linux/macOS. On Windows, install separately (e.g. via MSYS2 or WSL).
cd packages/web
This project's files live in a subfolder, so move into it first.
make
Compiles the code based on the generated build configuration to produce an executable.
If it finishes without errors, it worked. Try running the generated executable directly.
// repository documentation
Was this content helpful?
(0 ratings)