A collection of beautifully designed, responsive components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
import { motion } from 'framer-motion'
export const Button = ({
children,
variant = 'primary'
}) => {
return (
<motion.button
className="px-4 py-2 rounded-lg"
whileHover={{ scale: 1.05 }}
whileTap={{ scale: 0.95 }}
>
{children}
</motion.button>
)
}