Skip to content

Chat Button

Premium animated CTA button with dot-matrix arrow → avatar reveal on hover. Pure CSS animations with clip-path sweep overlay.

Loading preview…

Installation

Run the following command

npx orunk add chat-button

PropTypeDefaultDescription
labelstring"Chat with Alex"Button label text
avatarSrcstring—Path to avatar image shown on hover
avatarAltstring"Avatar"Alt text for the avatar
accentColorstring—Custom accent color for the sliding box (CSS color)
onClick() => void—Click handler
classNamestring—Additional CSS classes