Beautiful Components,
Built for Design Engineers

# We'll set up the dependencies in the next step

import { Button } from "@mui/material";
import { motion } from "motion/react";

const MotionButton = motion.create(Button);

export default function MyButton() {
  return (
    <MotionButton
      variant="contained"
      whileHover={{ scale: 1.05 }}
      whileTap={{ scale: 0.95 }}
    >
      Click me
    </MotionButton>
  );
}