/pretty_animated_buttons

A collection of ready-to-use smoothly animated pretty buttons written in Flutter

Primary LanguageDartMIT LicenseMIT

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