Pretty Animated Buttons
Pretty Animated Buttons is a package for a collection of beautiful animated buttons which are highly customizable too. Currently, a total of 12 animated buttons are available. More fancy buttons are coming soon...
Pretty Animated Buttons List
| Index | Pretty Buttons | Example |
|---|---|---|
| 1 | Pretty Shadow Button |  |
| 2 | Pretty Neumorphic Button |  |
| 3 | Pretty Slide Underline Button |  |
| 4 | Pretty Wave Button |  |
| 5 | Pretty Fuzzy Button |  |
| 6 | Pretty Slide Icon Button |  |
| 7 | Pretty Slide Up Button |  |
| 8 | Pretty Color Slide Button |  |
| 9 | Pretty Skew Button |  |
| 10 | Pretty Border Button |  |
| 11 | Pretty Bar Button |  |
| 12 | Pretty Capsule Button |  |
Usage
The usage is pretty simple. Just use the button's name in Pascal Case.
Eg. For Pretty Shadow Button, use like this.
PrettyShadowButton(
label: "Pretty Shadow Button",
onPressed: () {},
icon: Icons.arrow_forward,
shadowColor: Colors.green,
),
You can play around with tons of parameters.
Pretty Slide Icon Button
PrettySlideIconButton has two icon slide positions - left or right.
From left to right slide,
slidePosition: SlidePosition.left,
From right to left slide,
slidePosition: SlidePosition.right,
Pretty Color Slide Button
PrettyColorSlideButton has special parameter for sliding direction which is position parameter.
For left to right slide,
position: SlidePosition.left
For right to left slide,
position: SlidePosition.right
For top to bottom slide,
position: SlidePosition.top
For bottom to top slide,
position: SlidePosition.bottom
Pretty Skew Button
PrettySkewButton also has left & right slide positions which can be tweaked via skewPosition parameter.
For left to right slide,
skewPosition: SkewPositions.left,
For right to left slide,
skewPosition: SkewPositions.right,
Suggestions are welcome! ☕
🚧🏗️ The project is under development.
Feel free to try this out and give it a ⭐.
More button suggestions are warmly welcome!.