tailwind_palette 0.0.4

A package that contains Tailwind CSS color palette. Package is inspired by https://tailwindcss.com/docs/customizing-colors. Also utilizes extension methods to make it easier to use.

A small color palette package for Flutter. It contains beautiful Tailwind CSS Color palette. Also utilizes extension methods to make it easier to use.

Demo

Features

Use goodly organized and really nice colors on your flutter project with adding just one line to your dependencies.

Getting started

Just add the package to your project and you are ready to use it.

dependencies:
  tailwind_palette: ^0.0.4

copied to clipboard

Usage

Color colorSky500 = TailwindPalette.sky.shade500
Color colorOrange500 = TailwindPalette.orange.shade500
Color colorSky950 = TailwindPalette.sky.shade950

copied to clipboard

Check all colors from here.

Use extension methods below to get all the tones of a color:

extension ListOfColorExtensions on List<Color> {
  Color get shade50 => this[0];
  Color get shade100 => this[1];
  Color get shade200 => this[2];
  Color get shade300 => this[3];
  Color get shade400 => this[4];
  Color get shade500 => this[5];
  Color get shade600 => this[6];
  Color get shade700 => this[7];
  Color get shade800 => this[8];
  Color get shade900 => this[9];
  Color get shade950 => this[10];
}

copied to clipboard

Check TailwindPalette class for all the colors available.

NOTICE and REFERENCE

Colors are from beautiful Tailwind CSS Palette check here.