Tailpipe

Minimal Tailwind CSS-in-JS engine. Pure JS. Zero dependencies. Single package.

Takes Tailwind utility class strings, generates CSS rules at runtime, and injects them into the browser stylesheet. No build step, no PostCSS, no CSS files.

Install

"dependencies": {
  "tailpipe": "github:rmst/tailpipe"
}

Preact

import { setup } from 'tailpipe/preact'
setup()

Hooks into Preact's options.vnode to process class names during render. Call once at startup. Accepts an optional config:

setup({
  theme: { extend: { colors: { brand: '#abc' } } },
})

Tailwind compatibility

Supports Tailwind CSS v3.3 utilities, variants, arbitrary values, opacity modifiers, negative values, and preflight. Does not support Tailwind v4.

Origin

Fork of Twind (no longer maintained). Merges @twind/core and @twind/preset-tailwind into one package. Converted to plain JS, removed all external dependencies, removed unused features (observe, SSR, style API, autocomplete).

License

MIT (same as upstream Twind)