dotlottie web
@lottiefiles
Rampingkan animasi web Anda dengan pemain resmi Lottiefiles untuk animasi Dotlottie dan Lottie. Dirancang untuk integrasi cepat, paket -paket ini membantu pengembang dengan cepat membawa visual animasi ke dalam proyek web dengan upaya minimal.
Dotlottie adalah format file open-source yang mengumpulkan satu atau lebih file Lottie dan sumber daya terkaitnya menjadi satu file. Mereka adalah arsip ZIP yang dikompresi dengan metode kompresi kempa dan membawa ekstensi file ".lottie".
Pelajari lebih lanjut tentang Dotlottie.
Monorepo berisi paket berikut:
| Kemasan | Keterangan |
|---|---|
| @lottiefiles/dotlottie-web | Perpustakaan JavaScript untuk membuat animasi Lottie dan Dotlottie di browser atau node.js. |
| @lottiefiles/dotlottie-react | Pembungkus komponen bereaksi untuk dotlottie-web yang menyediakan API deklaratif untuk membuat animasi Lottie dan Dotlottie dan kontrol UI untuk berinteraksi dengan mereka. |
| @lottiefiles/dotlottie-wc | Pembungkus komponen web untuk dotlottie-web yang menyediakan API deklaratif untuk membuat animasi Lottie dan Dotlottie dan kontrol UI untuk berinteraksi dengan mereka. |
| @lottiefiles/dotlottie-vue | Pembungkus komponen VUE untuk dotlottie-web yang menyediakan API deklaratif untuk membuat animasi Lottie dan Dotlottie dan kontrol UI untuk berinteraksi dengan mereka. |
| @lottiefiles/dotlottie-svelte | Pembungkus komponen langsing untuk dotlottie-web yang menyediakan API deklaratif untuk membuat animasi Lottie dan Dotlottie dan kontrol UI untuk berinteraksi dengan mereka. |
Catatan: Setiap paket memiliki readme.md sendiri dengan dokumentasi terperinci tentang penggunaan dan API.
Untuk berkontribusi pada monorepo ini atau menggunakan paketnya dalam proyek Anda, ikuti langkah -langkah pengaturan ini:
Pastikan Anda telah menginstal berikut:
pnpm Versi 8 Kloning monorepo:
git clone https://github.com/LottieFiles/dotlottie-web.git
cd dotlottie-webInstal dependensi:
pnpm install @lottiefiles/dotlottie-web
@lottiefiles/dotlottie-react
@lottiefiles/dotlottie-vue
Temukan cara menerapkan dan memanfaatkan paket Dotlottie-Web dengan aplikasi contoh kami. Contoh -contoh ini berfungsi sebagai panduan praktis untuk membantu Anda memahami cara mengintegrasikan animasi Lottie dan Dotlottie ke dalam proyek web Anda.
Contoh yang tersedia:
@lottiefiles/dotlottie-web untuk membuat animasi lottie atau dotlottie di browser.@lottiefiles/dotlottie-web di lingkungan Node.js. Ini menampilkan pengendalian pemutaran animasi, rendering bingkai demi bingkai, dan mengubah animasi dotlottie menjadi file gif. Untuk informasi lebih lanjut, lihat readme. git clone https://github.com/LottieFiles/dotlottie-web.git
cd dotlottie-webpnpm installpnpm run build # Change directory to the example app folder
cd apps/dotlottie-web-example
pnpm run devJangan ragu untuk memodifikasi dan bermain -main dengan kode untuk melihat bagaimana perubahan mempengaruhi animasi.
Untuk membangun semua paket di dalam monorepo:
pnpm run buildUntuk memulai lingkungan pengembangan lokal untuk semua paket:
pnpm run devBerikut penjelasan singkat tentang skrip yang tersedia di paket root.json:
build : Membangun semua paket menggunakan Turbo.changelog : Menambahkan Changeset untuk menghasilkan pembaruan changelog dan versi.clean : Membersihkan repositori dengan menghapus artefak pengembangan.dev : Menjalankan semua paket dalam mode pengembangan/menonton.format : Memformat basis kode menggunakan lebih cantik dan berkomentar.lint : Lints CodeBase menggunakan Eslint.test : Menjalankan tes di semua paket.type-check : Periksa kesalahan tipe TypeScript. Untuk daftar lengkap skrip yang tersedia, lihat bagian scripts di package.json .
Kami menyambut kontribusi untuk salah satu paket di monorepo ini. Silakan baca pedoman yang berkontribusi dan kode perilaku kami untuk mempelajari tentang proses pengembangan kami, cara mengusulkan perbaikan bug dan perbaikan, dan cara membangun dan menguji perubahan Anda pada proyek.
MIT © Lottiefiles
