React Color Guide

This is a live styleguide for colors implemented with React.js. Colors, specified in hex, rgb or hsl, are read from a JSON file and then displayed arranged in a responsive (Flexbox) grid of color swatches.



   React = require('react')
   ,ColorGuide = require('./ColorGuide')
   colorSchemes = require('./colorSchemes')

var StyleGuide = React.createClass({

   render: function() {
      var colorGuides = =>
         <section className="color-guide" key={}>
            <h2 className="title">{}</h2>
            <ColorGuide colors={cs.colors} />

      return (
         <div className="page-wrap">


module.exports = StyleGuide;