BrewWind

A lightweight utility-class engine for browser projects.

BrewWind scans classes prefixed with chai- and applies inline styles at runtime.

Why BrewWind

• Zero CSS build step required for utility classes
• Runtime support for dynamic DOM updates (MutationObserver)
• Small bundle with dual module output (ESM + CJS)
• NPM-ready package setup

Installation

npm install brewwind

Quick Start

Import once in your app entry file:

import "brewwind";

Add classes in HTML:

<div class="chai-bg-red-500 chai-p-4 chai-rounded-xl">Hello</div>

Optional explicit initialization:

import { initBrewWind } from "brewwind";

initBrewWind();

Supported Utilities

• Width and height: chai-w-*, chai-h-*
• Spacing: chai-p*, chai-m*, chai-gap*
• Colors: chai-bg-*, chai-text-*, chai-border-*
• Borders: chai-b*, chai-rounded*
• Typography: chai-font-*
• Layout and alignment: chai-flex*, chai-items-*, chai-justify-*, chai-text-left|center|right|justify
• Positioning: chai-static|fixed|absolute|relative|sticky, chai-top-*, chai-right-*, chai-bottom-*, chai-left-*

Module Compatibility

This package ships dual outputs:

• ESM import: dist/index.js
• CJS require: dist/index.cjs

Example:

// ESM
import "brewwind";

// CJS
require("brewwind");

Scripts

npm run build
npm run build:watch

Publishing

prepublishOnly runs the production build automatically, and package publishing is restricted to production-safe files through package.json files.