YeLwinOo-Steve/pretty_animated_buttons

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	Pretty Shadow Button
2	Pretty Neumorphic Button	Pretty Neumorphic Button
3	Pretty Slide Underline Button	Pretty Slide Underline Button
4	Pretty Wave Button	Pretty Wave Button
5	Pretty Fuzzy Button	Pretty Fuzzy Button
6	Pretty Slide Icon Button	Pretty Slide Icon Button
7	Pretty Slide Up Button	Pretty Slide Up Button
8	Pretty Color Slide Button	Pretty Color Slide Button
9	Pretty Skew Button	Pretty Skew Button
10	Pretty Border Button	Pretty Border Button
11	Pretty Bar Button	Pretty Bar Button
12	Pretty Capsule Button	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!.