Nowa, prosta biblioteka animacji wykorzystująca składnię, która wzbogaca UI o efekty ruchu, z naciskiem na wydajność i dostępność.
- Gwiazdy GitHub
- 1.6K
- Zaktualizowano
- Dec 6, 2024
- Licencja
- MIT License
Sal
Ta biblioteka pozwala wzbogacać aplikacje internetowe o płynne animacje przewijania, uruchamiane, gdy elementy pojawiają się w polu widzenia.
Sal to lekka biblioteka animacji przewijania, zaprojektowana z myślą o wydajności. Ułatwia dodawanie dynamicznych animacji do elementów strony, gdy pojawiają się w obszarze widoku. Dzięki minimalnemu rozmiarowi pakietu — poniżej 2.8 kb — działa bez zależności, zapewniając sprawne działanie aplikacji.
Biblioteka korzysta z Intersection Observer API, aby skutecznie wykrywać, kiedy elementy są widoczne na ekranie, i odpowiednio uruchamiać animacje. To API zapewnia wysoką wydajność i znacznie ogranicza narzut związany z monitorowaniem zdarzeń przewijania.
Integracja jest prosta: programiści mogą określić wybrany efekt animacji, dodając do elementów HTML atrybut `data-sal`. Czas trwania, opóźnienie i funkcję łagodzenia można dostosować za pomocą dodatkowych atrybutów data lub zmiennych CSS, zyskując pełną kontrolę nad zachowaniem animacji. Dostępne efekty obejmują między innymi zanikanie, przesuwanie, powiększanie i obrót.
Sal oferuje również zaawansowane funkcje, które pozwalają zmieniać opcje po inicjalizacji oraz dostosowywać działanie do interakcji użytkownika. Obsługuje nasłuchiwanie zdarzeń, które pozwala reagować na pojawianie się elementów w polu widzenia i ich opuszczanie, dzięki czemu nadaje się do aplikacji interaktywnych wymagających bieżącej reakcji na przewijanie.
Funkcje
- Lekka (poniżej 2.8 kb)
- Brak zależności
- Animacje przewijania po wyświetleniu elementu
- Oparta na Intersection Observer API
- Prosta integracja z HTML
- Obsługa wielu efektów animacji
- Możliwość dostosowania czasu trwania, opóźnienia i funkcji łagodzenia
- Zdarzenia informujące o wejściu w pole widzenia i jego opuszczeniu
- Obsługa zmiennych CSS dla niestandardowych właściwości
- Możliwość resetowania i aktualizowania opcji po inicjalizacji
Powiązane pozycje
Ta biblioteka animacji ułatwia tworzenie angażujących animacji w aplikacjach internetowych, łącząc elastyczność z łatwością obsługi.
- Gwiazdy GitHub
- 50.5K
- Zaktualizowano
- Dec 6, 2024
- Licencja
- MIT License
To narzędzie do animacji pozwala z łatwością tworzyć angażujące animacje i interakcje w internecie, poprawiając doświadczenia użytkowników w porównaniu ze standardowymi przejściami.
- Gwiazdy GitHub
- 20.0K
- Zaktualizowano
- Dec 6, 2024
Nowoczesna biblioteka animacji internetowych oparta na natywnych API przeglądarki, zapewniająca wysoką wydajność i niewielki rozmiar plików.
- Gwiazdy GitHub
- 26.1K
- Zaktualizowano
- Dec 6, 2024
- Licencja
- MIT License
To rozwiązanie do animacji zapewnia płynne i wydajne przejścia, które ożywiają każdy interfejs i bezproblemowo poprawiają doświadczenia użytkowników.
- Gwiazdy GitHub
- 28.3K
- Zaktualizowano
- Dec 6, 2024
- Licencja
- MIT License
Z łatwością wzbogacaj swoje aplikacje internetowe o przyciągające uwagę animacje.
- Gwiazdy GitHub
- 12.9K
- Zaktualizowano
- Dec 6, 2024
- Licencja
- MIT License
Zaawansowane narzędzie do tworzenia efektownych animacji w aplikacjach React przy minimalnym nakładzie pracy.
- Gwiazdy GitHub
- 26.1K
- Zaktualizowano
- Dec 6, 2024
- Licencja
- MIT License
Framework animacji oparty na narzędziach i GSAP, pozwalający tworzyć animacje przy użyciu minimalnej ilości kodu.
- Gwiazdy GitHub
- 414
- Zaktualizowano
- Dec 2, 2024
- Licencja
- Other