flutter_web_buttons 0.0.8 icon indicating copy to clipboard operation
flutter_web_buttons: ^0.0.8 copied to clipboard

Add fully customizable animated buttons or icon buttons easily to your web project.

BuymMeACoffee

flutter_web_buttons #

pub package

A quick way to add a growing list of customizable flat or animated buttons to your app.

Features #

  • Each button features it's own constructor with plenty of options for customization.
  • Includes most commonly used Social Icons
  • Buttons can be used as a Hero

Installation #

In the dependencies: section of your pubspec.yaml, add the following line:

dependencies:
  flutter_web_buttons: <latest_version>

In your library add the following import:

import 'package:flutter_web_buttons/flutter_web_buttons.dart';

Getting Started #

FlutterWebButton.textScroll(
  'Text Scroll',
  onPressed: () {},
  animationDuration: const Duration(milliseconds: 500),
  flutterWebButtonOptions: FlutterWebButtonOptions(
      buttonWidth: 200,
      buttonRadius: 30,
      textColor: Colors.pink,
      buttonBackgroundColor: Colors.transparent,
      buttonBorderColor: Colors.pink),
),

Examples #

ButtonAnimation
backgroundColorChangebg_color
backgroundFillbg_fill
growbutton_grow
iconGrowicon_grow
textMovemove_text
simpleSimple button with no animation
socialIconSocial icon with no animation (see list)
socialIconGrowScales a social icon to a given size
textColorChangetxt_color_change
textScrolltxt_scroll
textUnderlineunderline
buttonHighlightIconFillicon_w_bg_fill

Button Customization Properties #

Animation Properties #

Some properties are not applicable for all buttons.

Animation Specific PropertyAvailabilty
Animation DurationAll Animated Buttons
Animated Text ColorButton Specific
Animated Background ColorButton Specific
growAmountGrow effect buttons only

Decoration Properties #

FlutterWebButtonOptionsFlutterWebIconButtonOptions
HeightIcon Size
WidthIcon Color
Background ColorPadding
Text ColorHero Tag
Font SizeIsHeroWidget
Font Family
Padding
Eliminate Decoration
Button Radius
Border Color
Border Width
Shadow Color
Spread Radius
Blur Radius
Shadow Offset
Hero Tag
IsHeroWidget
1
likes
120
pub points
26%
popularity

Publisher

unverified uploader

Add fully customizable animated buttons or icon buttons easily to your web project.

Homepage

Documentation

API reference

License

Icon for licenses.MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on flutter_web_buttons