Motion Send

An animated send button with hover and click effects.

Send

Sent

Dependencies

framer-motion, react-icons

Installation

npm install framer-motion react-icons

Props

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