Framer Motion 11 reste la référence pour les animations et micro-interactions en React. Layout animations, scroll triggers et gestures tactiles sont au cœur des interfaces modernes et accessibles.
Les Layout Animations gèrent automatiquement les transitions lorsque le layout change (listes réordonnées, modales, grilles). Les Scroll Triggers permettent de lancer des animations au scroll (parallax, révélation, progression) sans dépendances lourdes. Les gestures (drag, tap, hover) sont fluides et cohérents avec les standards d’accessibilité (réduction des mouvements, préférences utilisateur).
Conseil : combiner avec des media queries ou prefers-reduced-motion pour respecter les utilisateurs sensibles aux animations.
Points forts / Points faibles
Points forts
- API déclarative et lisible, intégration naturelle avec React
- Layout animations et scroll-linked sans librairie supplémentaire
- Performances correctes (GPU, will-change) et support SSR
- Documentation et exemples nombreux
Points faibles
- Taille du bundle non négligeable pour des projets très légers
- Courbe d’apprentissage pour les animations avancées (variants, orchestration)
- Dépendance à React : pas de version Vue/Svelte officielle