# [Atomic Lab.](http://steelydylan.github.io/atomic-lab/)
Styleguide generator based on atomic design built with React, Redux
<p><img src="https://raw.githubusercontent.com/steelydylan/atomic-lab/master/images/favicon.png"></p>

## Screenshot
<img src="https://raw.githubusercontent.com/steelydylan/atomic-lab/master/images/Feature-browser.png">

## Demo
You can try it out from here

[http://steelydylan.github.io/atomic-lab/](http://steelydylan.github.io/atomic-lab/)

## Features

- it supports haml, ejs and jade.
- it supports scss, less and stylus
- define custom-element by enclosing with template tags

## Installation

```
$ npm install atomic-lab --save-dev
```

## Build Styleguide

via npx

```
$ npx atomic-lab build
```

or $(npm bin)

```
$ $(npm bin)/atomic-lab build
```

## Documentation
[https://steelydylan.github.io/atomic-lab/docs/](https://steelydylan.github.io/atomic-lab/docs/)

## Attribution
We use some icons created by http://patternlab.io/

<img src="https://raw.githubusercontent.com/steelydylan/atomic-lab/master/images/iconAtom-s.png"></img>
<img src="https://raw.githubusercontent.com/steelydylan/atomic-lab/master/images/iconMolecule-s.png"></img>
<img src="https://raw.githubusercontent.com/steelydylan/atomic-lab/master/images/iconOrganism-s.png"></img>
<img src="https://raw.githubusercontent.com/steelydylan/atomic-lab/master/images/iconTemplate-s.png"></img>

## License
MIT License
