2. Spring

Here’s another animation that starts automatically. This one has a spring curve.

export function Example() {
    return (
        <motion.div
            style={{
                width: 150,
                height: 150,
                borderRadius: 30,
                backgroundColor: "#fff"
            }}
            animate={{ rotate: 180 }}
            transition={{
                type: "spring",
                damping: 10,
                mass: 0.75,
                stiffness: 100
            }}
        />
    );
}