Hello Button
A playful button that reveals a waving hand animation on hover — perfect for greetings, onboarding, or adding personality to your UI.
Preview
Installation
npm install motionAPI Reference
HelloButton
| Prop | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | "Say Hello" | Button label text |
| className | string | undefined | Additional CSS classes |
Also accepts all standard button HTML attributes via ...props.
This component renders as a
<button>by default. If you're using it as a link-based CTA (e.g.mailto:, a contact page, or a booking link), swapmotion.buttonformotion.aand the button HTML attributes for anchor attributes in the source. All animations work the same onmotion.a.