screenshots/Screenshot01.png screenshots/Screenshot02.png screenshots/Screenshot03.png screenshots/Screenshot04.png screenshots/Screenshot05.png screenshots/Screenshot06.png screenshots/Screenshot07.png screenshots/Screenshot08.png screenshots/Screenshot09.png screenshots/Screenshot10.png screenshots/Screenshot11.png
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
Variants
- 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!