CSS Modules

IntelliJ/WebStorm plugin for CSS Modules in JavaScript and TypeScript. Provides code completion, go-to-definition navigation, and quick documentation for import styles from './file.css'.

Features

• Completion — class name completion for bracket syntax (styles['...']) and dot syntax (styles....); hyphenated names auto-convert to bracket syntax on insertion
• Navigation — Ctrl+Click / Go to Definition on a class name jumps to the CSS ruleset
• Quick documentation — hover over a class name to see the corresponding CSS block
• CSS imports — resolves selectors from CSS @import chains
• Circular import safety — gracefully short-circuits circular CSS @import chains

Install

Plugin Marketplace

What This Plugin Does Not Do

• Does not transform class names to camelCase — hyphenated names are preserved and navigable
• Does not handle :global selectors — those are treated as plain CSS

Origin

• Forked from jimkyndemeyer/react-css-modules-intellij-plugin
• Built with the IntelliJ Platform Plugin Template

Related JetBrains Issues

• WEB-38105 — How can I close the feature about Camel-case support for CSS Modules
• WEB-41304 — CSS Modules can't navigate to class with a hyphen