n
nonaxial

Morphing Button

Buttons

Button that morphs shape on interaction

morphshapeanimation

Installation

$
npx shadcn@latest add https://nonaxial.com/r/morphing-button.json

Usage

tsx
import { MorphingButton } from "@/components/nonaxial/morphing-button"

export default function Example() {
  return (
    <MorphingButton>{/* Your content here */}</MorphingButton>
  )
}

Props

PropTypeDefault
childrenReactNode
classNamestring