Flutter Gradients

A curated collection of splendid gradients made in Dart. Only linear gradients included for now.

Installation

Add the Package

dependencies:
  flutter_gradients: ^0.0.1

Usage

Import the package

import 'package:flutter_gradients/flutter_gradients.dart';

How To Use

Exemple
    Container(
        width: 150,
        height: 150,
        decoration: BoxDecoration(
            shape: BoxShape.circle,
            [gradient: FlutterGradient.warmFlame()],
        ),
    );

Catalogue

1 2 3
Image 01 Image 02 Image 03
Image 04 Image 05 Image 06
Image 07 Image 08 Image 09
Image 10 Image 11 Image 12
Image 13 Image 14

Examples

Web and command-line examples can be found in the example folder.

Web Examples

In order to run the web examples, please follow these steps:

  1. Clone this repo and enter the directory
  2. Run pub get
  3. Run pub run build_runner serve example
  4. Navigate to http://localhost:8080/web/ in your browser

Command Line Examples

In order to run the command line example, please follow these steps:

  1. Clone this repo and enter the directory
  2. Run pub get
  3. Run dart example/lib/main.dart

Flutter Example

Install Flutter

In order to run the flutter example, you must have Flutter installed. For installation instructions, view the online
documentation.

Run the app

  1. Open up an Android Emulator, the iOS Simulator, or connect an appropriate mobile device for debugging.
  2. Open up a terminal
  3. cd into the example/lib/ directory
  4. Run flutter doctor to ensure you have all Flutter dependencies working.
  5. Run flutter packages get
  6. Run flutter run

GitHub