{"id":195,"slug":"css-modules","name":"CSS Modules","short_description":"A CSS Module is a CSS file where class names are scoped locally by default.","url":"https://github.com/topics/css-modules","github_count":2494,"created_by":null,"logo_url":"https://github.com/github/explore/blob/main/topics/css-modules/css-modules.png?raw=true","released":null,"wikipedia_url":null,"related_topics":["css"],"aliases":["cssmodules"],"github_url":"https://github.com/css-modules/css-modules","content":"\u003cp\u003eCSS Modules are CSS files in which all class names and animation names are scoped locally by default. They compile to a low-level interchange format called \u003ca href=\"https://github.com/css-modules/icss\"\u003eInteroperable CSS\u003c/a\u003e, but are written like normal CSS files. The ability to explicitly state dependencies eliminates the need to avoid naming conflicts in the global scope.\u003c/p\u003e\n\n\u003cp\u003eFor a more colorful introduction, see \u003ca href=\"https://glenmaddern.com/articles/css-modules\"\u003ethis blog post\u003c/a\u003e, which was written by one of the authors of the project near the time of its release.\u003c/p\u003e\n","created_at":"2024-07-29T13:36:02.230Z","updated_at":"2026-04-19T00:07:57.190Z","topic_url":"https://awesome.ecosyste.ms/api/v1/topics/css-modules","html_url":"https://awesome.ecosyste.ms/topics/css-modules","projects_url":"https://awesome.ecosyste.ms/api/v1/projects?keyword=css-modules","lists_url":"https://awesome.ecosyste.ms/api/v1/lists?topic=css-modules"}