Нова библиотека за анимации с прост синтаксис, която подобрява UI с ефекти на движение и поставя акцент върху производителността и достъпността.
- GitHub звезди
- 1.6K
- Актуализиран на
- Dec 6, 2024
- Лиценз
- MIT License
Sal
Тази библиотека позволява на разработчиците да добавят плавни анимации при превъртане към уеб приложенията си, които се задействат, когато елементите се появят в полезрението.
Sal е лека библиотека за анимации при превъртане, създадена с фокус върху производителността, която улеснява добавянето на динамични анимации към уеб елементите, когато те навлязат в полезрението. С минимален размер под 2.8 kb тя работи без зависимости и осигурява безпроблемно потребителско изживяване.
Изградена върху Intersection Observer API, Sal ефективно засича кога елементите са видими на екрана и съответно задейства анимации. Този API осигурява оптимална производителност и значително намалява натоварването от следенето на събитията при превъртане.
Интеграцията е лесна: разработчиците могат да зададат желания анимационен ефект, като добавят атрибут `data-sal` към HTML елементите. Продължителността, забавянето и плавността могат да се персонализират с допълнителни атрибути за данни или CSS променливи, което осигурява пълен контрол върху поведението на анимацията. Поддържат се различни ефекти, включително избледняване, плъзгане, мащабиране и преобръщане.
Sal предлага и разширени възможности за промяна на настройките след инициализация, което позволява адаптиране към взаимодействията на потребителя. Библиотеката поддържа слушатели на събития за засичане кога елементите влизат в полезрението или го напускат, което я прави подходяща за интерактивни приложения, изискващи обратна връзка в реално време за превъртането от потребителя.
Функции
- Лека (под 2.8 kb)
- Без зависимости
- Анимации при превъртане при видимост на елементите
- Базирана на Intersection Observer API
- Лесна интеграция с HTML
- Поддържа различни анимационни ефекти
- Персонализируеми продължителност, забавяне и плавност
- Събития при влизане в полезрението и напускането му
- Поддържа CSS променливи за персонализирани свойства
- Възможност за нулиране и актуализиране на настройките след инициализация
Свързани елементи
Тази библиотека за анимации улеснява създаването на ангажиращи анимации за уеб приложения, като съчетава гъвкавост и лесна употреба.
- GitHub звезди
- 50.5K
- Актуализиран на
- Dec 6, 2024
- Лиценз
- MIT License
Този инструмент за анимации ви позволява лесно да създавате завладяващи анимации и взаимодействия в уеб, които подобряват потребителското изживяване отвъд стандартните преходи.
- GitHub звезди
- 20.0K
- Актуализиран на
- Dec 6, 2024
Модерна библиотека за уеб анимации, изградена върху вградените API на браузъра, която осигурява висока производителност и минимален размер на файловете.
- GitHub звезди
- 26.1K
- Актуализиран на
- Dec 6, 2024
- Лиценз
- MIT License
Това решение за анимации осигурява плавни, високопроизводителни преходи, които оживяват всеки интерфейс и подобряват потребителското изживяване.
- GitHub звезди
- 28.3K
- Актуализиран на
- Dec 6, 2024
- Лиценз
- MIT License
Добавяйте лесно впечатляващи анимации към уеб приложенията си.
- GitHub звезди
- 12.9K
- Актуализиран на
- Dec 6, 2024
- Лиценз
- MIT License
Мощен инструмент за създаване на впечатляващи анимации във вашите React приложения с минимални усилия.
- GitHub звезди
- 26.1K
- Актуализиран на
- Dec 6, 2024
- Лиценз
- MIT License
Рамка за анимации, базирана на помощни класове и GSAP, за създаване на анимации с минимално количество код.
- GitHub звезди
- 414
- Актуализиран на
- Dec 2, 2024
- Лиценз
- Other