Controls

direction

durations

ease

Fill Button

Button with a GSAP clip-path fill that sweeps in on hover and focus.

$ pnpm dlx shadcn@latest add @tweenly/fill-button

import { FillButton } from "@/components/fill-button"

export function Demo() {
  return (
    <FillButton>
      Hover me
    </FillButton>
  )
}

Updates live as you change the controls. Only non-default props are included.