headwaycss

A Bootstrap-like developer experience for Tailwind CSS.

Note: the current release is fully functional, although no documentation has been written yet. Also coherence between the different default component styles has yet to be achieved.

Headway CSS is an extension for the utility-first CSS framework Tailwind CSS, utilizing Tailwind's own plugin system. It delivers Bootstrap-like classes in a fully integrated, yet completely customizable manner. Maintaining Tailwind's utility-first approach. While providing the convenience of prebuilt components.

This means Headway CSS delivers:

• Bootstrap-like classes;
• Customizable in tailwind.config.js; and,
• Overwritable with Tailwind classes.

Allowing you to make headway fast.

Installation

1. Install the plugin:

# Using npm
npm install headwaycss --save-dev

# Using Yarn
yarn add headwaycss -D

1. Add it to your tailwind.config.js file:

// tailwind.config.js
module.exports = {
  // ...
  plugins: [
    require('headwaycss')
  ]
}

1. Don't forget to build.