Button Variants
Primary
Secondary
Destructive
Action
Custom Action Colors
While shadcn/ui provides a comprehensive color palette, it doesn't include a primary accent color out of the box. The action variant allows you to customize the color to match your brand or design system.
Default Blue
Indigo
Purple
Custom Hex
Neobrutalism Variant
Inspired by the neobrutalism design movement, this variant features bold shadows, thick borders, and playful interactions. Perfect for creating eye-catching, modern interfaces.
Default Blue
Pink
Green
Disabled
Buttons with Lucide React Icons
Buttons with Phosphor Icons
Loading States
Custom Sizes via className
Extended Click Area
The buttons below have an extended click area (invisible) that extends beyond their visible boundaries. This makes them easier to click, especially on touch devices.
OAuth Login Buttons
Or
By clicking continue, you agree to our Terms of Service and Privacy Policy.