Flutter. Make Nice Buttons With nice_buttons

Yuri Novicow
Easy Flutter
Published in
5 min readNov 20, 2024

--

I use nice_buttons in my current project. It is a small package that provides highly customizable animated buttons.

If you are a member, please continue, otherwise, read the full story here.

Table of Contents

1. Customizable attributes
2. Gradient examples
3. Border thickness (elevation) examples
4. Button with progress indicator
5. Social media buttons
6. Icon-label buttons
7. Custom button component
7. Source code
8. Conclusion

1. Customizable attributes

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
borderThickness Double 5 The thickness of the 3D border…

--

--

Yuri Novicow
Yuri Novicow

Written by Yuri Novicow

20 years in software development. Writes about Flutter. Always looks for the most efficient paths. Shares secrets openly.