gitwtfhub

wtf is css-modules-kit?

fengmk2/css-modules-kit — explained in plain English

Analysis updated 2026-07-18 · repo last pushed 2026-06-17

TypeScriptAudience · developerComplexity · 2/5MaintainedSetup · easy

TL;DR

A toolkit that teaches your code editor to understand CSS Modules, giving you rename, find-references, and go-to-definition across your CSS and JavaScript files.

Mindmap

mindmap
  root((css-modules-kit))
    What it does
      Editor intelligence
      Rename CSS classes
      Go to definition
      Find references
    Tech stack
      TypeScript
      Language server plugin
      ESLint plugin
    Use cases
      VS Code CSS Modules
      Auto type generation
      Create missing classes
    Audience
      Frontend developers
    Limitations
      Plain CSS only
      No Sass or Less
      No camelCase conversion

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Rename a CSS class and have every usage across your JavaScript and CSS files update automatically.

REASON 2

Jump straight to a CSS class's definition by ctrl-clicking it in your code.

REASON 3

Auto-generate TypeScript type definitions for your CSS Module files so typos are caught at compile time.

REASON 4

Create a missing CSS class with one click when you reference a style that doesn't exist yet.

What's in the stack?

TypeScriptCSS ModulesESLintVS Code

How it stacks up

fengmk2/css-modules-kit0xradioac7iv/tempfs7vignesh/pgpulse
Stars—00
LanguageTypeScriptTypeScriptTypeScript
Last pushed2026-06-17——
MaintenanceMaintained——
Setup difficultyeasymoderatemoderate
Complexity2/53/54/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 30min

Only works with plain CSS, no Sass, Less, or automatic camelCase conversion.

License information is not specified in the explanation.

Yoink these prompts

Prompt 1
Help me set up css-modules-kit in my TypeScript project's tsconfig.json to get CSS Modules editor support in VS Code.
Prompt 2
Show me how to configure the css-modules-kit ESLint plugin to catch CSS Modules mistakes in my codebase.
Prompt 3
I'm using CSS Modules with plain CSS in a React app, walk me through enabling rename and go-to-definition with css-modules-kit.
Prompt 4
Explain the limitations of css-modules-kit around Sass, Less, and camelCase class names.

Frequently asked questions

wtf is css-modules-kit?

A toolkit that teaches your code editor to understand CSS Modules, giving you rename, find-references, and go-to-definition across your CSS and JavaScript files.

What language is css-modules-kit written in?

Mainly TypeScript. The stack also includes TypeScript, CSS Modules, ESLint.

Is css-modules-kit actively maintained?

Maintained — commit in last 6 months (last push 2026-06-17).

What license does css-modules-kit use?

License information is not specified in the explanation.

How hard is css-modules-kit to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is css-modules-kit for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.

Other repos in this lane