# Mokshit06/typewind

The safety of Typescript with the magic of Tailwind.

Repository: https://github.com/Mokshit06/typewind
Canonical: https://ross.abutalabs.com/products/typewind
Homepage: https://typewind.dev/
Language: TypeScript
License: MIT
License Family: permissive
Last push: 2026-04-08T18:41:19+00:00

## Health v2 (maintenance only)
Score: 56/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 76, release rhythm 8, longevity 94
- inputs: {"age_days": 1324, "days_push": 147, "days_rel": 448, "gap_med": 261, "n_releases_24m": 2}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2288, forks 24 (observed 2026-08-28T04:06:34.768915+00:00)

## What it is
Typewind is a typesafe, zero-runtime wrapper around Tailwind CSS that lets you write Tailwind classes as TypeScript expressions via a `tw` proxy. A Babel/SWC compiler plugin statically converts these expressions into plain Tailwind class strings at build time, leaving no runtime code.

## Use cases
- write tailwind classes with typescript type safety
- get autocomplete for tailwind classes without editor extensions
- eliminate tailwind runtime overhead with zero bundle size
- apply tailwind variants to multiple styles at once
- generate tailwind types from my tailwind config
- catch invalid tailwind class names at compile time

## When to choose
- you use Tailwind CSS in a TypeScript project and want compile-time class validation and autocomplete
- you want zero-runtime styling with no bundle size cost
- you want variant composition (hover, dark, responsive) with an intuitive chained syntax
- you use Next.js, Vite, SolidStart, or other Babel/SWC-based build tools

## When to avoid
- your project uses plain JavaScript without TypeScript
- your build pipeline doesn't support Babel or SWC transforms
- you rely on tooling that expects literal class strings in source files (e.g. some Tailwind scanners or class-sorting tools)
- you prefer the standard Tailwind class string syntax and its ecosystem of extensions

## Facets
- artifact type: library
- maturity: active
- function: css-framework, build-tool, type-system, compiler
- domain: frontend, web-development, web-design, developer-tools
- platform: browser, cli
- tags: tailwindcss, typescript, zero-runtime, babel-plugin, swc, utility-classes, intellisense, nodejs, web-server

## Member repositories
- Mokshit06/typewind (main) score 56

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:34.768915+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-30T02:40:50.220455+00:00, confidence not recorded.
  - readme: https://github.com/Mokshit06/typewind (fetched 2026-08-28T04:06:34.768915+00:00, sha fcc5b3305144)
  - homepage: https://typewind.dev/ (fetched 2026-08-29T10:21:31.787672+00:00, sha ae0970134b2e)
  - site_page: https://typewind.dev/docs/usage/normal-usage (fetched 2026-08-29T10:21:31.802529+00:00, sha 5f458f06de93)
  - site_page: https://typewind.dev/docs (fetched 2026-08-29T10:21:31.796721+00:00, sha a21b499ccdca)
  - site_page: https://typewind.dev/docs/installation (fetched 2026-08-29T10:21:31.798392+00:00, sha 36f2272a238f)
  - site_page: https://typewind.dev/docs/usage (fetched 2026-08-29T10:21:31.800247+00:00, sha 8d86472ec50e)
  - site_page: https://typewind.dev/docs/usage/modifiers (fetched 2026-08-29T10:21:31.805129+00:00, sha c2d37778eccd)
  - site_page: https://typewind.dev/docs/usage/important-modifier (fetched 2026-08-29T10:21:31.807223+00:00, sha 3b0c7e4bdcea)
  - site_page: https://typewind.dev/docs/usage/arbitrary-values (fetched 2026-08-29T10:21:31.809073+00:00, sha 5181026cffe8)
  - site_page: https://typewind.dev/docs/usage/arbitrary-variants (fetched 2026-08-29T10:21:31.810817+00:00, sha 91433a1f1aad)
- Data as of 2026-08-30T08:39:29.467469+00:00.
