Framer Motion
J'utilise Framer Motion parce que mes animations React sortent fluides en 5 lignes au lieu d'un trip CSS keyframes, gestes, transitions, layout shift, tout est typé et déclaratif. C'est la lib qui rend les animations fluides ; sans ça, ton site bouge comme en 2015.
Forces
- API déclarative, `motion.div` remplace les keyframes CSS, propriétés animables typées
- Gestes natifs (drag, hover, tap) sans librairie additionnelle
- Layout animations automatiques, éléments qui se réorganisent fluidement
Limites
- Bundle size non-trivial pour des micro-animations, overkill sur landings statiques
- Performance dégradée avec des dizaines de composants animés en parallèle sans optimisation
Pour qui
- Sites web React qui doivent bouger sans coder du CSS keyframes ad hoc
- Apps avec micro-interactions, transitions de pages, et drag-and-drop fluides
- Vibecoders qui veulent un site qui claque sans freelance design