flutter_web_buttons #

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

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),
),

FlutterWebButton.backgroundFill(
  'Background Fill',
  onPressed: () {},
  flutterWebButtonOptions: FlutterWebButtonOptions(
    buttonWidth: 200,
    buttonRadius: 30,
),

FlutterWebButton.raiseText(
  'Raise Text | Shadow',
  onPressed: () {},
  flutterWebButtonOptions: FlutterWebButtonOptions(
    buttonWidth: 200,
    buttonRadius: 8,
    boxShadowColor: Colors.grey.withOpacity(0.8),
  ),
),

Examples #

Text Scroll #

Background Fill #

Raise Text #

Button Customization Properties #

Animation Properties #

Some properties are not applicable for all buttons.

Decoration Properties #

| Blur Radius | | | Shadow Offset | |