CSS Modules (Scoped CSS)

CSS Modules generate unique class names at build time, preventing global leaks.

import styles from './Button.module.css';
<button className={styles.primary}>Click</button>

Resulting HTML:

<button class="Button_primary__3X1yZ">Click</button>

Works with React, Vue, Svelte, and webpack.