Buttons
A comprehensive collection of button styles, sizes, states and variants for every use case
Solid Variants
Core color variants using primary theme + semantic colors
Gradient Buttons
Eye-catching gradient styles for CTAs and featured actions
Outline Variants
Bordered buttons ideal for secondary actions and less prominent CTAs
Soft / Tinted Buttons
Subtle tinted backgrounds — gentle and non-intrusive
Sizes
Five size variants from extra-small to extra-large
With Icons
Pairing icons with text labels for enhanced clarity
Icon Only
Compact icon-only buttons in round and square styles
Pill / Rounded
Fully rounded pill-style buttons for a modern, friendly aesthetic
Loading States
Buttons with animated spinners
Social Buttons
Authentication and social login buttons
Split Buttons
Combined action + dropdown arrow for multi-option actions
Block Buttons
Full-width buttons that span the entire container
Button Groups
Grouped buttons for related actions — solid and outline styles