CSS Modules

Scoped CSS that avoids naming fights and global chaos.

Best use cases
Component-level styling
Large frontend codebases
React and Next.js apps
Scoped CSS management
Maintainable UI styles
Pros
No global class collisions
Works with standard CSS
Easy to reason about
Framework-agnostic
Good for long-term maintainability
Cons
No dynamic styling by default
Still requires CSS organization discipline
Less expressive than CSS-in-JS
Pricing
free
Open standard, no cost