scoped_css

https://github.com/mrloop/scoped_css

scoped_css provides automatic CSS scoping for Rails templates and ViewComponents. It ensures styles are isolated to specific components or templates, preventing CSS conflicts and enabling modular styling. The gem works by automatically adding unique scope identifiers to CSS rules and corresponding HTML elements, making it easy to maintain clean, conflict-free stylesheets in large applications. No CSS preprocessors or postprocessors are required.