Neckbeard

Neckbeard is an Atomic CSS in JS Framework highly inspired by Beard and powered by Aphrodite. Neckbeard provides common CSS utility classes to help you scaffold components quickly.

Documentation Site

https://www.neckbeardjs.com

Benefits

1. Works great with component based frameworks / libraries like React or standalone.
2. No longer worry about naming CSS selectors.
3. No more CSS selector specificity collisions.
4. Injects only the exact styles needed to render into the DOM. (Aphrodite).
5. Easily extensible by adding your own helpers or overwrite existing ones.
6. Installable via NPM (import or require) or just drop it in via CDN (umd).
7. 11.5kb gzipped

Installation

1. > npm install neckbeard --save-dev

$3

1. https://unpkg.com/neckbeard

$3

1. Clone
2. > npm install
3. > npm start (Starts Neckbeard Docs Site - http://localhost:8080)
4. > npm run build - (Builds umd version of Neckbeard and CSS file)
5. > npm run build:docs - (Builds docs / demo site)

Example

`` javascript
import React, { Component } from 'react';
import Neckbeard from 'neckbeard'

const settings = {
...Neckbeard.defaultSettings
// new settings here
}

const nb = Neckbeard.create(settings)

class App extends Component {
render() {
return (

Neckbeard

)
}
}

export default App
``