Mokshit06/typewind

Health v2 · maintenance only

Adoption not part of the score

2288 stars · 24 forks observed · 2026-08-28

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

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

library · maturity active

css-framework build-tool type-system compiler frontend web-development web-design developer-tools browser cli tailwindcss typescript zero-runtime babel-plugin swc utility-classes intellisense nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="Mokshit06/typewind")