Mouvement de l'encadreur | Introduction - Partie 1

Qu'est-ce que c'est ?

Framer Motion est une bibliothèque qui 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'interface utilisateur (UI).

Comment installer ?

Framer prend en charge les versions React 18 et supérieures. Exécutez la commande suivante pour installer via npm.

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 gagné 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).

Utilisation

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

import { motion } from "framer-motion";

export default function App() {
  return <motion.div />;
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!