Mouvement de l'encadreur | Introduction - Partie 1

Présentation

Framer Motion est une bibliothèque qui vous permet d'ajouter facilement des animations à vos applications React. Il est utilisé pour ajouter des effets d'animation tels que des transitions et des interactions de glissement.

Créateur

Il a été créé par la société Framer. Framer est une entreprise qui développe des outils spécifiquement pour la conception et le prototypage d'interfaces utilisateur (UI).

Installation

Framer prend en charge React 18 et les versions supérieures. Pour l'installer via npm, exécutez la commande suivante :

npm install framer-motion

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

Au 10 juillet 2024, Framer Motion comptait environ 3,4 millions de téléchargements hebdomadaires sur npm et 22 700 étoiles sur GitHub, ce qui indique une appréciation significative de la part de ses utilisateurs.

Utilisation

Dans le composant souhaité, vous pouvez importer l'objet motion de la bibliothèque framer-motion et ajouter un composant de mouvement pour 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!