tailwindcss-preset-open-props

A Tailwind CSS preset that utilitizes Open Props.

Installation

npm install --save-dev tailwindcss-preset-open-props

Then, in tailwind.config.js, add

const openPropsPreset = require('tailwindcss-preset-open-props')

module.exports = {
  content: [
    // ...
  ],
  presets: [
    openPropsPreset,
  ],
}

Usage

If you know Tailwind conventions it should click pretty easily. If you have TailwindCSS Intellisense installed it'll help a lot.