# windicss/windicss

Next generation utility-first CSS framework.

Repository: https://github.com/windicss/windicss
Canonical: https://ross.abutalabs.com/products/windicss
Homepage: https://windicss.org
Language: TypeScript
License: MIT
License Family: permissive
Topics: css, css-compiler, tailwindcss, svelte, vuejs, utility-first, on-demand, windi-css
Last push: 2024-06-21T23:11:31+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 2073, "days_push": 803, "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 6507, forks 175 (observed 2026-08-28T04:09:44.736685+00:00)

## What it is
Windi CSS is a next-generation utility-first CSS framework, fully compatible with Tailwind CSS v2, that scans your templates and generates only the utilities you use on demand for fast builds and HMR. The project has been officially sunset, and new projects are advised to seek alternatives.

## Use cases
- generate utility-first css on demand for vue or svelte apps
- speed up tailwind-style development with fast hot module reload
- use arbitrary values like p-5px or bg-[hsl(...)] in class names
- group variant utilities like hover:(bg-gray-400 font-medium)
- define reusable component shortcuts from utility combinations
- add dark mode and rtl support with zero configuration

## When to choose
- maintaining an existing project already built on Windi CSS
- you need Tailwind v2 compatibility with on-demand generation and faster HMR
- you want variant groups, shortcuts, or value auto-infer beyond Tailwind v2 features

## When to avoid
- starting a new project - it is officially sunset and unmaintained going forward
- you need Tailwind CSS v3+ features or ecosystem plugins
- your build tooling lacks a maintained Windi integration

## Facets
- artifact type: library
- maturity: maintenance
- function: css-framework, build-tool, cli
- domain: web-development, frontend, web-design
- platform: cross-platform, browser
- tags: utility-first-css, on-demand-compilation, tailwind-compatible, vite-plugin, sunset-project, dark-mode, responsive-design, nodejs

## Member repositories
- windicss/windicss (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:44.736685+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-29T17:44:27.841416+00:00, confidence not recorded.
  - readme: https://github.com/windicss/windicss (fetched 2026-08-28T04:09:44.736685+00:00, sha 0b4575c5e4c2)
  - homepage: https://windicss.org (fetched 2026-08-29T08:41:08.419383+00:00, sha fd0f5d698b32)
  - site_page: https://windicss.org/guide/installation (fetched 2026-08-29T08:41:08.428262+00:00, sha 389958c05259)
  - site_page: https://windicss.org/features (fetched 2026-08-29T08:41:08.430539+00:00, sha 312b5cf673f6)
  - site_page: https://windicss.org/features/value-auto-infer (fetched 2026-08-29T08:41:08.432849+00:00, sha 86c53770c595)
  - site_page: https://windicss.org/features/variant-groups (fetched 2026-08-29T08:41:08.434930+00:00, sha f2d8f810b386)
  - site_page: https://windicss.org/features/shortcuts (fetched 2026-08-29T08:41:08.436732+00:00, sha 149610f24229)
  - site_page: https://windicss.org/features/responsive-design (fetched 2026-08-29T08:41:08.438488+00:00, sha 2b2abefee892)
  - site_page: https://windicss.org/features/dark-mode (fetched 2026-08-29T08:41:08.440323+00:00, sha e14abcfdf962)
  - site_page: https://windicss.org/features/rtl (fetched 2026-08-29T08:41:08.442078+00:00, sha 884f4bceb69d)
- Data as of 2026-08-30T08:39:29.467469+00:00.