Framer Motion

Was ist Framer Motion?

Framer Motion, inzwischen schlicht Motion genannt, macht Animationen und Gesten in React deklarativ und überraschend performant. Statt einzelne Schritte mühsam zu skripten, beschreibst du nur, wie sich etwas verhalten soll, und die Bibliothek erledigt den Rest. Übergänge zwischen Zuständen, Drag-Gesten und Auftritts-Animationen kommen damit fast nebenbei. So gibst du Oberflächen Leben und Charakter, ohne dabei Barrierefreiheit oder Ladezeit zu opfern.

import { motion } from "motion/react";

export function Card() {
    return <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} />;
}