dotlottie-web
High-performance Lottie & dotLottie web player powered by Rust + WASM, with React, Vue, Svelte, Solid & Web Components.
파일 탐색기
최종 버전 다운로드 (.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
🚀 설치 가이드
1. 코드 내려받기
git clone https://github.com/LottieFiles/dotlottie-web
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd dotlottie-web
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
npm install @lottiefiles/dotlottie-web
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm install @lottiefiles/dotlottie-react
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm install @lottiefiles/dotlottie-vue
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm install @lottiefiles/dotlottie-svelte
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm install @lottiefiles/dotlottie-solid
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
3. Make
보통사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Make Linux/macOS는 보통 기본 설치되어 있습니다. Windows는 별도 설치(예: MSYS2, WSL)가 필요합니다.
cd packages/web
이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.
make
생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.
에러 없이 끝나면 성공입니다. 생성된 실행 파일을 직접 실행해보세요.
// repository documentation
Was this content helpful?
(0 ratings)