ui-flat-colors v1.0.14

UI-Flat-Colors

This simple package is a collection of 280 colors from https://flatuicolors.com/ to use it on react-native.

Installation

Using npm:

npm install --save ui-flat-colors
# or
yarn add ui-flat-colors

Bundled Icon Sets

• Flat UI Palette v1
• American Palette
• Aussie Palette
• British Palette
• Canadian Palette
• Chinese Palette
• Dutch Palette
• French Palette
• German Palette
• Indian Palette
• Russian Palette
• Spanish Palette
• Swedish Palette
• Turkish Palette

Usage

Here Its focus on rgba() format to control opacity.

import { British } from 'ui-flat-colors';
// or
import { Canadian, Russian } from 'ui-flat-colors';

For example, you can invoke functions as American().black where opacity is by default 1 when argument is blank.

backgroundColor: American().black,

You don't need to put floating number; just place a number range [0, 9] to control opacity.

American(8).black

Component Naming:

FlatUI() Palette v1:

American() Palette:

Aussie() Palette:

British() Palette:

Canadian() Palette:

Chinese() Palette:

Dutch() Palette:

French() Palette:

German() Palette:

Indian() Palette:

Russian() Palette:

Spanish() Palette:

Swedish() Palette

Turkish() Palette