Back to Components
Buttons
33 components available
Button Variants
A versatile button component with multiple variants including primary, secondary, destructive, outline, ghost, and link.
Button Icon
Icon-only buttons with multiple variants for toolbar actions and compact UI.
Button Loading
A button with loading, success, and error states for async operations.
Button Social
Social login buttons for Google, GitHub, Twitter, Facebook, and Apple.
Button Copy
A copy-to-clipboard button with visual feedback on copy success.
Button Dropdown
A button with an integrated dropdown menu for action selection.
Button Toggle Group
A toggle group component for single or multiple selections.
Button File Upload
A file upload trigger button with customizable accept types.
Button Split
A split button with primary action and dropdown for secondary options.
Button Badge
A button with an integrated badge for notifications or counts.
Button Rounded
Pill-shaped buttons with rounded corners for a softer aesthetic.
Slide To Delete Button
A draggable button that requires sliding to confirm deletion action.
Glow Link Button
A button with a subtle glow effect and animated arrow on hover.
Theme Cycle Button
A button that cycles through different theme modes with smooth transitions.
Morphing Github Button
A GitHub button that morphs between different states with animations.
Hover Preview Button
Button with hover-triggered preview content display.
Segmented Button Group
Group of connected buttons for single selection with smooth animations.
Confetti Button
Celebration button that triggers animated confetti particles on click.
Swipe To Confirm Button
Interactive button requiring swipe gesture for confirmation.
Status Button
Button with animated status indicator dot for live/idle/offline states.
Checklist Button
Toggle button with checkmark animation for task completion.
Countdown Button
Button with countdown timer that disables for specified duration.
Icon Grid Button
Button that reveals a grid of icon options on click.
Multi Step Button
Button that cycles through multiple steps/labels on each click.
Tooltip Button
Button with integrated tooltip for additional context.
Badge Button Combo
Button with notification badge for counts or status indicators.
Expandable Content Button
Button that expands to show additional content options.
Notification Button
Button with notification badge count for alerts and messages.
Confirmation Button
Safety button that requires confirmation before executing destructive actions.
Avatar Action Button
Button with integrated avatar image for user actions.
Split Action Button
Button with primary action and dropdown for secondary options.
Progress Button
Button with built-in progress feedback for async operations.
Icon Label Subtext Button
Comprehensive button with icon, main label, and subtext for detailed actions.