Sal

Sal — легка бібліотека анімації прокручування, орієнтована на продуктивність, яка спрощує додавання динамічної анімації до вебелементів під час їх появи в області перегляду. Її пакет має мінімальний розмір — менш як 2.8 kb, а відсутність залежностей забезпечує ефективну роботу.

Створена на основі Intersection Observer API, Sal ефективно визначає, коли елементи стають видимими на екрані, і відповідно запускає анімацію. Цей API забезпечує оптимальну продуктивність і значно зменшує навантаження, пов’язане з відстеженням подій прокручування.

Інтеграція проста: достатньо додати атрибут `data-sal` до HTML-елементів, щоб указати бажаний ефект анімації. Тривалість, затримку та функцію плавності можна налаштувати за допомогою додаткових атрибутів data або змінних CSS, отримавши повний контроль над поведінкою анімації. Підтримуються різні ефекти, зокрема згасання, зсув, масштабування та перевертання.

Sal також пропонує розширені можливості: параметри можна змінювати після ініціалізації, що дає змогу адаптувати бібліотеку до взаємодії з користувачем. Підтримка обробників подій дає змогу реагувати на появу елементів в області перегляду та їх вихід за її межі. Це робить бібліотеку придатною для інтерактивних застосунків, яким потрібен зворотний зв’язок у реальному часі під час прокручування.