Pourquoi ?

Framer Motion est une bibliothèque qui vous permet d'animer facilement dans les applications React. Utilisé pour ajouter des effets d'animation tels que des transitions et des glissements.

Créé par qui ?

Créé par la société Framer. Framer est une entreprise qui développe spécifiquement des outils de conception et de prototypage d'interfaces utilisateur (UI).

Comment installer?

Framer prend en charge React 18 et versions ultérieures. Pour installer via npm, exécutez la commande suivante.

npm install framer-motion

La bibliothèque de mouvements Framer n'a aucune dépendance et vous pouvez commencer à l'appliquer avec un seul package.

Framer motion a montré qu'il a reçu une sérieuse appréciation de la part de ses utilisateurs, avec environ 3,4 millions de téléchargements hebdomadaires sur npm et 22 700 étoiles sur Github, à ce jour (10.07.2024).

Utiliser

Dans le composant souhaité, vous pouvez importer l'objet motion de la bibliothèque framer-motion et ajouter un composant de mouvement à n’importe quel élément html ou svg .

import { motion } from "framer-motion";

export default function App() {
  return ;
}