Controls

beamColor

durations

sheen

variant

Shine Button

Pill button with a light beam circling its edge and a soft sheen on hover.

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

import { ShineButton } from "@/components/shine-button"

export function Demo() {
  return (
    <ShineButton>
      Get started
    </ShineButton>
  )
}

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