Gradient Buttons Collection

Gradient Buttons Collection is a CSS bundle for stylish gradient buttons. It supports Bootstrap CSS framework, Tailwind CSS Framework, and plain vanilla CSS. All buttons are mobile-ready and responsive, work great with Font Awesome icons, and support hover, focus, active, and disabled states.

Supported CSS Frameworks

  • Bootstrap CSS Frameworks
  • Tailwind CSS Frameworks
  • Plain CSS
  • Supports Font Awesome icons

Supported Button Types

  • Buttons
  • Inputs
  • Links


  • Multiple color variants
  • Buttons with rounded corners
  • Buttons with rounded XL corners
  • Square corners
  • Linear gradients
  • Radial gradients
  • Disabled buttons
  • Four gradient angle types

Button States

  • Hover animations
  • Focus state including keyboard support
  • Active state
  • Disabled state

General Features

  • Easy to use
  • Responsive and mobile-first
  • Modern CSS3 with CSS variables
  • Great documentation is included!

⤥ Download Links ⤦