Une nouvelle bibliothèque d’animation à la syntaxe simple pour ajouter des effets de mouvement à UI, en privilégiant les performances et l’accessibilité.
- Étoiles GitHub
- 1.6K
- Mis à jour le
- Dec 6, 2024
- Licence
- MIT License
Sal
Cette bibliothèque permet aux développeurs d'ajouter à leurs applications web des animations de défilement fluides qui se déclenchent lorsque les éléments apparaissent à l'écran.
Sal est une bibliothèque légère d'animations au défilement, axée sur les performances, qui permet d'animer facilement les éléments de vos pages web lorsqu'ils entrent dans la fenêtre d'affichage. Avec une taille de paquet inférieure à 2.8 kb, elle fonctionne sans dépendances et garantit une expérience utilisateur fluide.
Basée sur l'API Intersection Observer, Sal détecte efficacement quand les éléments sont visibles à l'écran et déclenche les animations correspondantes. Cette API offre des performances optimales et réduit considérablement la surcharge liée à la surveillance des événements de défilement.
L'intégration est simple : il suffit d'ajouter un attribut `data-sal` aux éléments HTML pour définir l'effet d'animation souhaité. La durée, le délai et la fonction d'accélération peuvent être personnalisés à l'aide d'attributs de données supplémentaires ou de variables CSS, pour un contrôle complet du comportement des animations. Les animations prises en charge comprennent notamment les effets de fondu, de glissement, de zoom et de retournement.
Sal propose également des fonctionnalités avancées qui permettent de modifier les options après l'initialisation et d'adapter le comportement aux interactions de l'utilisateur. La bibliothèque prend en charge les écouteurs d'événements qui détectent l'entrée et la sortie des éléments de la fenêtre d'affichage. Elle convient ainsi aux applications interactives qui nécessitent un retour en temps réel sur le défilement de l'utilisateur.
Fonctionnalités
- Légère (moins de 2.8 kb)
- Aucune dépendance
- Animations au défilement lorsque les éléments deviennent visibles
- Basée sur l'API Intersection Observer
- Intégration simple avec HTML
- Prise en charge de plusieurs effets d'animation
- Durée, délai et fonction d'accélération personnalisables
- Événements d'entrée et de sortie de la fenêtre d'affichage
- Prise en charge des variables CSS pour les propriétés personnalisées
- Possibilité de réinitialiser et de mettre à jour les options après l'initialisation
Éléments associés
Cette bibliothèque d'animation simplifie la création d'animations captivantes pour les applications web, en alliant flexibilité et facilité d'utilisation.
- Étoiles GitHub
- 50.5K
- Mis à jour le
- Dec 6, 2024
- Licence
- MIT License
Cet outil d’animation vous permet de créer facilement des animations et des interactions captivantes sur le web, pour enrichir l’expérience utilisateur au-delà des transitions classiques.
- Étoiles GitHub
- 20.0K
- Mis à jour le
- Dec 6, 2024
Une bibliothèque moderne d’animation web basée sur les API natives des navigateurs, qui garantit des performances rapides et une taille de fichier minimale.
- Étoiles GitHub
- 26.1K
- Mis à jour le
- Dec 6, 2024
- Licence
- MIT License
Cette solution d’animation offre des transitions fluides et performantes qui donnent vie à toutes les interfaces et enrichissent l’expérience utilisateur en toute simplicité.
- Étoiles GitHub
- 28.3K
- Mis à jour le
- Dec 6, 2024
- Licence
- MIT License
Ajoutez facilement des animations captivantes à vos applications web.
- Étoiles GitHub
- 12.9K
- Mis à jour le
- Dec 6, 2024
- Licence
- MIT License
Un outil puissant pour créer facilement des animations impressionnantes dans vos applications React.
- Étoiles GitHub
- 26.1K
- Mis à jour le
- Dec 6, 2024
- Licence
- MIT License
Un framework d’animation basé sur GSAP et conçu pour créer des animations avec un minimum de code.
- Étoiles GitHub
- 414
- Mis à jour le
- Dec 2, 2024
- Licence
- Other