# CSS Modules

Documentation about css-modules

Repository: https://github.com/css-modules/css-modules
Canonical: https://ross.abutalabs.com/products/css-modules
License Family: other
Last push: 2024-05-30T14:58:51+00:00
Link (homepage): https://css-modules.github.io/webpack-demo/

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

## Adoption (not part of the score)
Stars 17967, forks 552 (observed 2026-08-28T04:11:20.614318+00:00)

## What it is
CSS Modules is a specification and tooling ecosystem for CSS files in which all class and animation names are locally scoped by default, compiling to the ICSS interchange format. It integrates with bundlers like webpack so styles can be imported into JavaScript components as objects mapping local to global class names.

## Use cases
- scope css class names to avoid collisions
- import css styles into react components
- compose reusable css classes across modules
- prevent global style leakage in large projects
- theme components with locally scoped css

## When to choose
- building component-based frontend apps where style isolation matters
- using webpack or similar bundlers with css loader support
- wanting modular, reusable css without a css-in-js runtime

## When to avoid
- need a full utility-first or component css framework with prebuilt styles
- project has no bundler or build step to process css modules
- prefer plain global stylesheets for simple static sites

## Facets
- artifact type: library
- maturity: stable
- function: css-framework, ui-components, build-tool
- domain: web-development, frontend, web-design
- platform: cross-platform
- tags: css, scoped-styles, icss, webpack, modular-css, component-styling, nodejs, web-server

## Member repositories
- css-modules/css-modules (docs) score 32
- css-modules/webpack-demo (examples) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:20.614318+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:02:12.330106+00:00, confidence not recorded.
  - readme: https://github.com/css-modules/css-modules (fetched 2026-08-28T04:11:20.614318+00:00, sha b1cb0fc5e0fa)
  - homepage: https://css-modules.github.io/webpack-demo/ (fetched 2026-08-29T08:01:02.510893+00:00, sha 87d8bf9abbd5)
- Data as of 2026-08-30T08:39:29.467469+00:00.