tw-in-js/twind

Health v2 · maintenance only

Adoption not part of the score

3948 stars · 104 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Twind is a small runtime compiler that converts Tailwind-style utility classes into CSS in the browser, Node.js, Deno, or workers, with no build step. It combines the flexibility of CSS-in-JS with the Tailwind v3 API, supporting presets, configurable themes, and optional static extraction for zero runtime.

Use cases

• use tailwind classes without a build step
• generate css at runtime in the browser
• style server-rendered apps with utility classes
• add tailwind-like styling to any framework
• avoid postcss and tailwind configuration
• use tailwind via cdn without bundler
• hash class names to avoid style conflicts

When to choose

• you want Tailwind utility classes without a bundler or build pipeline
• you need framework-agnostic styling including SSR and edge workers
• you want one fixed runtime cost instead of shipping growing CSS bundles
• you need Tailwind v3 feature parity with extended variants and arbitrary CSS escape hatches

When to avoid

• you already have a standard Tailwind/PostCSS build and don't need runtime generation
• you need zero runtime overhead without static extraction
• you prefer compile-time CSS tooling or a different CSS-in-JS approach
• you need a very small bundle since the compiler ships to the client

Facets

library · maturity stable

css-framework templating frontend-framework web-development frontend web-design browser cross-platform tailwind css-in-js runtime-css utility-first no-build-step typescript nodejs deno web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="tw-in-js/twind")