Interactive Hover Button

Docs

A button component with an interactive hover effect where icons animate smoothly from the left and to the right.

npx shadcn@latest add https://motion-x.vercel.app/r/v0/interactive-hover-button-demo.json

Installation

import { InteractiveHoverButton } from "@/components/motionx/interactive-hover-button";

<InteractiveHoverButton>Hover Me</InteractiveHoverButton>

The component extends the standard Button props from shadcn/ui and adds the following custom props:

Prop	Type	Default	Description
`icon`	`ReactNode`	`-`	Custom icon to display inside the button.
`...props`	`ButtonProps`	`-`	All standard button props and attributes.