All Projects → egoist → md-colors

egoist / md-colors

Licence: other
Material design color palettes as an npm package

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to md-colors

Colorpicker
jQuery UI widget for color picking (similar to the one in Microsoft Office 2010).
Stars: ✭ 271 (+2158.33%)
Mutual labels:  colors, color-palette
Leonardo
Generate colors based on a desired contrast ratio
Stars: ✭ 973 (+8008.33%)
Mutual labels:  colors, color-palette
Nord
An arctic, north-bluish color palette.
Stars: ✭ 4,816 (+40033.33%)
Mutual labels:  colors, color-palette
epick
Color picker for creating harmonic color palettes that works on Linux, Windows, macOS and web.
Stars: ✭ 89 (+641.67%)
Mutual labels:  colors, color-palette
Colors.lol
🎨 Overly descriptive color palettes
Stars: ✭ 207 (+1625%)
Mutual labels:  colors, color-palette
color-system
🎨 Easiest way to get a universal color palette
Stars: ✭ 21 (+75%)
Mutual labels:  colors, color-palette
SwiftColorWheel
Delightful color picker wheel for iOS in Swift.
Stars: ✭ 37 (+208.33%)
Mutual labels:  colors, color-palette
Coolors
Beautiful Color Palettes
Stars: ✭ 26 (+116.67%)
Mutual labels:  colors, color-palette
Gradstop
JavaScript micro library to generate gradient color stops 🏳️‍🌈
Stars: ✭ 144 (+1100%)
Mutual labels:  colors, color-palette
Colorschemes.jl
colorschemes, colormaps, gradients, and palettes
Stars: ✭ 55 (+358.33%)
Mutual labels:  colors, color-palette
pantone-colors
Hex values of all 2310 Pantone colors
Stars: ✭ 147 (+1125%)
Mutual labels:  colors, color-palette
Colora
Color converter, screen color picker and color palettes for Windows
Stars: ✭ 32 (+166.67%)
Mutual labels:  colors, color-palette
Colorful
A curated list of awesome resources to choose your next color scheme
Stars: ✭ 702 (+5750%)
Mutual labels:  colors, color-palette
Materialdesigncolor
This project shows the color in material design
Stars: ✭ 55 (+358.33%)
Mutual labels:  colors, color-palette
Tints And Shades
🌈 Display tints and shades of a given hex color in 10% increments.
Stars: ✭ 228 (+1800%)
Mutual labels:  colors, color-palette
colors
A gorgeous, accessible color system.
Stars: ✭ 748 (+6133.33%)
Mutual labels:  colors, color-palette
hcv-color
🌈 Color model HCV/HCG is an alternative to HSV and HSL, derived by Munsell color system, usable for Dark and Light themes... 🌈
Stars: ✭ 44 (+266.67%)
Mutual labels:  color-palette
clrprint
Print colorful output in the terminal, idle, cmd, and Windows PowerShell using the same functions.
Stars: ✭ 22 (+83.33%)
Mutual labels:  colors
SciencesPo
A tool set for analyzing political science data
Stars: ✭ 33 (+175%)
Mutual labels:  color-palette
leeks.js
Simple ANSI styling for your terminal
Stars: ✭ 12 (+0%)
Mutual labels:  colors

Material Design Color Palettes

https://material.io/design/color/the-color-system.html

Install

This package actually only contains a JSON file.

yarn add @egoist/md-colors --dev

Usage

Using with TailwindCSS

In your tailwind.config.js:

const colors = require('@egoist/md-colors')

module.exports = {
  theme: {
    // Override default colors here
    colors
  }
}

Color names are camelCased, e.g. deepPurple and lightBlue, you can reference one via text-lightBlue-200 in TailwindCSS.

TypeScript support

To load this module in a .ts file:

// Individual imports
import { red, green } from '@egoist/md-colors'

// Or load everything
import * as colors from '@egoist/md-colors'

License

MIT.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].