Browse components

Button GroupFree

Primary and secondary actions as one unit — depth on hover, underline reveal on the quiet CTA.

Add to your project

Checking access...

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSSFramer Motion

Props

PropTypeDescription
primaryActionMain CTA — label, optional href / onClick / icon
secondaryActionQuiet companion action
size'sm' | 'md' | 'lg'Control size
alignment'left' | 'center' | 'right'Horizontal alignment of the pair
loadingbooleanDisable and show a spinner on the primary action
classNamestringStyles for the outer shell

More Conversion Components

Liquid Button

Minimal liquid button with a curved dark fill that rises on hover, focus, and press.

Early access — 20% off

Promo Pill

Translucent offer marker with a low-frequency glow pulse and optional dismiss.