Pustaka animasi dengan sintaks baru yang sederhana untuk menyempurnakan UI dengan efek gerakan, dengan fokus pada performa dan aksesibilitas.
- Bintang GitHub
- 1.6K
- Diperbarui pada
- Dec 6, 2024
- Lisensi
- MIT License
Sal
Pustaka ini memungkinkan pengembang menambahkan animasi scroll yang halus ke aplikasi web, yang terpicu saat elemen terlihat.
Sal adalah pustaka animasi scroll ringan yang berfokus pada performa dan memudahkan penambahan animasi dinamis pada elemen web saat elemen tersebut masuk ke area pandang. Dengan ukuran paket kurang dari 2.8 kb, Sal berjalan tanpa dependensi sehingga pengalaman pengguna tetap lancar.
Dibuat menggunakan Intersection Observer API, Sal mendeteksi elemen yang terlihat di layar secara efisien lalu memicu animasi yang sesuai. API ini memberikan performa optimal dan secara signifikan mengurangi beban pemantauan peristiwa scroll.
Integrasinya mudah: pengembang cukup menambahkan atribut `data-sal` ke elemen HTML untuk menentukan efek animasi yang diinginkan. Durasi, jeda, dan easing dapat disesuaikan melalui atribut data tambahan atau variabel CSS, sehingga perilaku animasi dapat dikontrol sepenuhnya. Animasi yang didukung mencakup efek fade, slide, zoom, dan flip.
Sal juga menyediakan fitur lanjutan yang memungkinkan opsi diubah setelah inisialisasi, sehingga dapat menyesuaikan diri dengan interaksi pengguna. Sal mendukung listener peristiwa untuk menangani saat elemen masuk atau keluar dari area pandang, sehingga cocok untuk aplikasi interaktif yang memerlukan umpan balik langsung atas aktivitas scroll pengguna.
Fitur
- Ringan (kurang dari 2.8 kb)
- Tanpa dependensi
- Animasi scroll saat elemen terlihat
- Berbasis Intersection Observer API
- Integrasi mudah dengan HTML
- Mendukung berbagai efek animasi
- Opsi durasi, jeda, dan easing yang dapat disesuaikan
- Peristiwa saat elemen masuk dan keluar dari area pandang
- Mendukung variabel CSS untuk properti khusus
- Opsi dapat diatur ulang dan diperbarui setelah inisialisasi
Item Terkait
Pustaka animasi ini menyederhanakan proses pembuatan animasi menarik untuk aplikasi web dengan menggabungkan fleksibilitas dan kemudahan penggunaan.
- Bintang GitHub
- 50.5K
- Diperbarui pada
- Dec 6, 2024
- Lisensi
- MIT License
Alat animasi ini memungkinkan Anda membuat animasi dan interaksi web yang menarik dengan mudah, sehingga meningkatkan pengalaman pengguna melampaui transisi standar.
- Bintang GitHub
- 20.0K
- Diperbarui pada
- Dec 6, 2024
Pustaka animasi web modern yang dibangun di atas API bawaan browser untuk memastikan performa cepat dan ukuran file yang kecil.
- Bintang GitHub
- 26.1K
- Diperbarui pada
- Dec 6, 2024
- Lisensi
- MIT License
Solusi animasi ini menghadirkan transisi yang halus dan berperforma tinggi untuk menghidupkan antarmuka serta meningkatkan pengalaman pengguna dengan lancar.
- Bintang GitHub
- 28.3K
- Diperbarui pada
- Dec 6, 2024
- Lisensi
- MIT License
Tingkatkan aplikasi web Anda dengan animasi menarik secara mudah.
- Bintang GitHub
- 12.9K
- Diperbarui pada
- Dec 6, 2024
- Lisensi
- MIT License
Alat canggih untuk membuat animasi mengesankan dengan mudah di aplikasi React Anda.
- Bintang GitHub
- 26.1K
- Diperbarui pada
- Dec 6, 2024
- Lisensi
- MIT License
Framework animasi berbasis utilitas yang dibangun di atas GSAP untuk membuat animasi dengan kode minimal.
- Bintang GitHub
- 414
- Diperbarui pada
- Dec 2, 2024
- Lisensi
- Other