Hi, I'm Jack!

Sample the Goods

Intro

Jack is the culmination of many years of producing styling deliverables. It's not just about making a design system work. It's about making it performant, easily extendable, well documented, and customizable.

You can include as little OR as much of Jack as you see fit. The goal is to cautiously toe the line between providing an opinionated architecture without forcing Helvetica Nueue down your throat. You control the design through the extendable nature of Jack's offerings.

With that said, we'll be providing example implementations and themes that take some design liberties to hand-hold you in the right direction...tripping and falling into ocular bliss!


Getting Started

Easy

The simplest approach for getting started is for folks who don't want to write a line of custom CSS. Grab the development library or the minified library and add it to the head of your document, <link rel="stylesheet" href="jack.css">.

Moderate

Install via npm or yarn, npm install jack-strap --save-dev. Import specific bits of Jack, like just the grid, or, the entire library node_modules/jack-strap/src/jack.scss into your project's existing Sass files.

Advanced

Install via npm or yarn, npm install jack-strap --save-dev. Customize _user.config.scss with your preferences. How you handle PostCSS/Autoprefixing and building is completely up to you. Webpack implementation examples to come.


Customization


Components