shuhei / Material Colors
Licence: isc
Colors of Google's Material Design made available to coders
Stars: ✠252
Programming Languages
javascript
184084 projects - #8 most used programming language
stylus
462 projects
Projects that are alternatives of or similar to Material Colors
Compile Hero
🔰Visual Studio Code Extension For Compiling Language
Stars: ✠169 (-32.94%)
Mutual labels: json, sass, less
Webpack Encore
A simple but powerful API for processing & compiling assets built around Webpack
Stars: ✠1,975 (+683.73%)
Mutual labels: sass, less
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✠1,833 (+627.38%)
Mutual labels: sass, less
Admin Theme
Primefaces admin theme based on Admin LTE and Bootstrap
Stars: ✠136 (-46.03%)
Mutual labels: material-design, less
A Journey Toward Better Style
A Journey toward better style
Stars: ✠245 (-2.78%)
Mutual labels: sass, less
Rollup Plugin Styles
🎨 Universal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more.
Stars: ✠116 (-53.97%)
Mutual labels: sass, less
React Native Css Modules
Style React Native components using CSS, PostCSS, Sass, Less or Stylus.
Stars: ✠207 (-17.86%)
Mutual labels: sass, less
Style Resources Loader
CSS processor resources loader for webpack
Stars: ✠214 (-15.08%)
Mutual labels: sass, less
Gulp Starter Kit
A simple Gulp 4 Starter Kit for modern web development.
Stars: ✠134 (-46.83%)
Mutual labels: sass, less
Svg Sprite
SVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.)
Stars: ✠1,648 (+553.97%)
Mutual labels: sass, less
Kirby Webpack
💪 A Kirby CMS starter-kit with modern frontend tools
Stars: ✠150 (-40.48%)
Mutual labels: sass, less
Static Site Boilerplate
A better workflow for building modern static websites.
Stars: ✠1,633 (+548.02%)
Mutual labels: sass, less
Prejss
Get the power of PostCSS with plugins in your JSS styles. 🎨 Just put CSS into JS and get it as JSS object.
Stars: ✠238 (-5.56%)
Mutual labels: sass, less
Sass Vars Loader
Use Sass variables defined in Webpack config or in external Javascript or JSON files
Stars: ✠112 (-55.56%)
Mutual labels: json, sass
Mdl Ext
Material Design Lite Ext: Components built with Google Material Design Lite framework. http://leifoolsen.github.io/mdl-ext/
Stars: ✠112 (-55.56%)
Mutual labels: material-design, sass
Hubuntu Ui
Material Admin Dashboard Starter UI ( Ubuntu style ) - https://720kb.github.io/hubuntu-ui/
Stars: ✠207 (-17.86%)
Mutual labels: material-design, sass
Vbuild
"Compile" your VueJS components (sfc/*.vue) to standalone html/js/css ... python only (no need of nodejs). Support python components too !
Stars: ✠236 (-6.35%)
Mutual labels: sass, less
Material Colors
Colors from Google's Material Design made available to coders.
The colors are scraped from the guide. The idea to publish colors in multiple forms is stolen from mrmrs/colors.
Available Forms
- CSS: Classes for prototyping such as
.color-red-100
,.bg-red-100
,.border-red-100
,.fill-red-100
and.stroke-red-100
. - CSS variables such as
--md-red-100
. - Sass, Scss: Color variables such as
$md-red-100
. - Less: Color variables such as
@md-red-100
. - Stylus: Color variables such as
md-red-100
. - JSON: Raw data of colors. Key names are hypenated. e.g.
deep-purple
- JavaScript: Color set object provided via AMD, CommonJS or global variable
materialColor
. Key names are camelCase. e.g.deepPurple
- EcmaScript module: Color variables are exported as camelCase names.
See dist directory or demo for more details.
Usage
Download
Download what you like from dist directory and use it.
Bower
bower install material-colors
and use what you like in bower_components/material-colors/dist
.
NPM
npm install material-colors
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].