Motion Blade

A button with a dynamic blade animation on hover.

Blade

Dependencies

framer-motion

Installation

npm install framer-motion

Props

NameTypeDefaultDescription
labelstringBladeThe text label displayed on the button.
onClick() => voidundefinedThe callback to trigger when the button is clicked.
Brought to life by Naseem Ansari – Building Experiences that Inspire