# tw-in-js/twind

The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

Repository: https://github.com/tw-in-js/twind
Canonical: https://ross.abutalabs.com/products/twind
Homepage: https://twind.style
Language: JavaScript
License: MIT
License Family: permissive
Topics: tailwindcss, tailwind-in-js, css-in-js, tailwind, css
Last push: 2026-08-26T04:48:55+00:00

## Health v2 (maintenance only)
Score: 67/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 99, release rhythm 8, longevity 100
- inputs: {"age_days": 2097, "days_push": 7, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 3948, forks 104 (observed 2026-08-28T04:08:30.335072+00:00)

## What it is
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
- artifact type: library
- maturity: stable
- function: css-framework, templating, frontend-framework
- domain: web-development, frontend, web-design
- platform: browser, cross-platform
- tags: tailwind, css-in-js, runtime-css, utility-first, no-build-step, typescript, nodejs, deno, web-server

## Member repositories
- tw-in-js/twind (main) score 67

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:30.335072+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:24:33.966363+00:00, confidence not recorded.
  - readme: https://github.com/tw-in-js/twind (fetched 2026-08-28T04:08:30.335072+00:00, sha 694ba30f2e28)
  - homepage: https://twind.style (fetched 2026-08-29T09:18:26.749642+00:00, sha 81b27d37eeb9)
  - site_page: https://twind.style/installation (fetched 2026-08-29T09:18:26.752452+00:00, sha 93cddcc16ab1)
- Data as of 2026-08-30T08:39:29.467469+00:00.
