Motion

npmmotion

Modern animation APIs for layout, gestures and transitions.

UnverifiedActive

Verdict

Unverified

Compatibility has not been verified yet in the PreactHub catalog.

Motion is the successor to older Framer Motion distribution patterns and remains interesting for interactive UI transitions.

Quick start

~%npm install motion

1import { motion } from "motion/react";2 3export function FadeIn() {4  return <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} />;5}