Warum ?

Framer Motion ist eine Bibliothek, die Ihnen die einfache Animation in React-Anwendungen ermöglicht. Wird zum Hinzufügen von Animationseffekten wie Übergängen und Ziehen verwendet.

Erstellt von wem?

Erstellt von der Firma Framer. Framer ist ein Unternehmen, das speziell Tools für das Design von Benutzeroberflächen (UI) und Prototyping entwickelt.

Wie installiert man?

Framer unterstützt React 18 und höher. Führen Sie zur Installation über npm den folgenden Befehl aus.

npm install framer-motion

Die Framer-Bewegungsbibliothek hat keine Abhängigkeiten und Sie können sie mit einem einzigen Paket anwenden.

Framer Motion hat gezeigt, dass es von seinen Nutzern ernsthaft geschätzt wird, mit etwa 3,4 Millionen wöchentlichen Downloads auf npm und 22700 Sternen auf Github, Stand heute (10.07.2024).

Verwenden

In der gewünschten Komponente können Sie das Objekt motion aus der Bibliothek framer-motion importieren und eine Bewegungskomponente hinzufügen zu einem beliebigen HTML- oder SVG-Element .

import { motion } from "framer-motion";

export default function App() {
  return ;
}