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!.