nice_buttons

nice_buttons a beautiful, animated, and customizable 3D button for your flutter project.

Platform Support

Android iOS Web MacOS Linux Windows
✅ ✅ ✅ ✅ ✅ ✅

Sample Image

Installation

Add it as a dependency in their pubspec.yaml:

dependencies:
  nice_buttons: ^0.0.3

Customizations

Attribute Type Default Description
startColor Color 0xFF2ec8ff The gradient start color
endColor Color 0xFF529fff The gradient end color
borderColor Color 0xFF3489e9 The color of the 3D border.
progressColor Color white The color of circular progress indicator, defaults to white
progressSize Double 20 The size of progress indicator circle, defaults to 20
gradientOrientation GradientOrientation Horizontal Orientation of the gradient defaults to Horizontal
borderThickness Double 5 The thickness of the 3D border, defaults to 5
height Double 60 Height of the button, defaults to 60
width Double 200 Width of the button defaults to 200, its useless if the stretch property is set to true
stretch bool true Whether to occupy the full available space in the parent, defaults to true
borderRadius Double 20 The border radius of the button, defaults to 20
progress bool false Whether the progress indicator is required or not, defaults to false
disabled bool false Disables the button, defaults to false
onTap Function Button press handler, required*
child Widget Inner content for the button, required*

Usage

...
import 'package:nice_buttons/nice_buttons.dart';
...

NiceButtons(
  stretch: true,
  gradientOrientation: GradientOrientation.Horizontal,
  onTap: (finish) {
    print('On tap called');
  },
  child: Text(
    'Full Width',
    style: TextStyle(color: Colors.white, fontSize: 18),
  ),
);

Check example folder for more examples.

Libraries

nice_buttons