CSS Modules
CSS 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 Interoperable CSS, but are written like normal CSS files. The ability to explicitly state dependencies eliminates the need to avoid naming conflicts in the global scope.
For a more colorful introduction, see this blog post, which was written by one of the authors of the project near the time of its release.
- GitHub: https://github.com/topics/css-modules
- Repo: https://github.com/css-modules/css-modules
- Related Topics: css,
- Aliases: cssmodules,
- Last updated: 2026-01-16 00:07:24 UTC
- JSON Representation
https://github.com/60frames/react-boilerplate
Production-ready boilerplate for building universal web apps with React and Redux
babel boilerplate code-splitting css-modules dx es2015 javascript jest react react-boilerplate redux universal universal-applications webpack
Last synced: 12 Apr 2025
https://github.com/megaputer/dts-css-modules-loader
A small Webpack loader to generate typings for your CSS-Modules
css-modules loader typescript typings webpack
Last synced: 21 Aug 2025
https://github.com/felipesantos92dev/react-tds-2023-alunos
Repositório para os alunos do segundo semestre do curso técnico em desenvolvimento de sistemas - SENAI
css-modules javascript nextjs reactjs senai tds
Last synced: 12 Apr 2025
https://github.com/dhleong/spade
A nice tool to use in the Garden
clojurescript css css-modules garden
Last synced: 20 Aug 2025
https://github.com/eagerpatch/navita
Atomic CSS-in-JS with zero runtime
atomic css css-in-js css-modules emotion linaria nextjs nextjs13 sass scss styled-components stylex swc swc-plugin typescript vanilla-extract vite webpack
Last synced: 07 Apr 2025
https://github.com/klimashkin/css-modules-theme
🚀 Theme composition for CSS Modules done simple/fast/complete
Last synced: 12 Apr 2025
https://github.com/mizdra/css-modules-kit
A toolkit for making CSS Modules useful.
css-modules typescript-language-server-plugin
Last synced: 15 May 2025
https://github.com/evaneos/vitaminjs
🍍 The build toolchain against JavaScript Fatigue
css-modules react redux server-side-rendering toolchain
Last synced: 08 Oct 2025
https://github.com/raphaelalmeidamartins/fullstack-bank
Digital wallet full stack application developed with Next.js and Node.js
chai css-modules cypress docker docker-compose expressjs mocha nextjs nodejs postgresql sass sequelize sinon swagger-ui testing-library typescript
Last synced: 04 Apr 2025
https://github.com/csssustentavel/csssustentavel.com.br
Escreva CSS sem se preocupar se estilos pré-existentes causarão problemas. CSS Sustentável é uma abordagem para a escrita de CSS modular, escalável e, claro, sustentável. Tradução autorizada do MaintainableCSS.
css css-in-js css-methodologies css-modules maintainability scalability web
Last synced: 06 Oct 2025
https://github.com/privatenumber/vite-css-modules
Vite plugin for correct CSS Modules behavior
css css-modules patch plugin postcss vite
Last synced: 05 Apr 2025
https://github.com/jimkyndemeyer/react-css-modules-intellij-plugin
React CSS Modules support in IntelliJ IDEA and WebStorm for components written in JavaScript and TypeScript.
css css-modules intellij react webstorm
Last synced: 19 Apr 2025
https://github.com/simonwep/vite-plugin-optimize-css-modules
🗜 Mangle / minimize css module classnames in production like facebook and Google do. Reduce css module size by up to 30% and built time by 90%!
css css-minify css-modules plugin vite vite-plugin
Last synced: 15 Apr 2025
https://github.com/codingzeal/phoenix-react-apollo-demo
Example app using the Phoenix Framework with React and GraphQL
absinthe apollo css-modules graphql phoenix react
Last synced: 17 Aug 2025
https://github.com/michijs/michijs
Web Components with TSX
autonomous-web-components built-in-components constructable-stylesheets css-modules shadow-dom tsx web-components
Last synced: 14 Sep 2025
https://github.com/Xiphe/test-real-styles
(test-)framework agnostic utilities to test real styling of (virtual) dom elements
browser-automation component-testing css css-modules dom-elements jest jsdom playwright testing-library testing-tools ui-testing
Last synced: 07 May 2025
https://github.com/digitalriver/react-atlas
Composable React components with CSS Modules.
atlas component-library css-modules react react-atlas react-component-boilerplate react-components
Last synced: 16 Mar 2025
https://github.com/xiphe/test-real-styles
(test-)framework agnostic utilities to test real styling of (virtual) dom elements
browser-automation component-testing css css-modules dom-elements jest jsdom playwright testing-library testing-tools ui-testing
Last synced: 12 Apr 2025
https://github.com/fjc0k/vue-css-modules
Seamless mapping of class names to CSS Modules inside of Vue components.
Last synced: 17 Mar 2025
https://github.com/a-tarasyuk/rr-boilerplate
A lightweight React&Redux boilerplate
babel7 css-modules hot-module-replacement jest react react-redux-boilerplate react-router-v4 react16 redux webpack4
Last synced: 13 Apr 2025
https://github.com/ngduc/parcelui
Parcel + Typescript + React/Preact + Router + CSS Modules + SASS + Jest + Api-Now + Github Actions CI
css css-modules enzyme jest parcel parcel-bundler react react-router sass typescript
Last synced: 07 Sep 2025
https://github.com/askirmas/postcss-d-ts
PostCSS plugin to generate `.d.ts` of all used CSS classes and ids in imported stylesheets
css css-modules dts postcss-plugin sass typescript typing
Last synced: 10 Apr 2025
https://github.com/codelytv/developing_codely_website-course
Developing Codely's website course code examples https://pro.codely.tv/library/maquetando-la-web-de-codely-desde-0-181753
css css-modules css3 design-system html html5 javascript next nextjs react storybook typescript
Last synced: 26 Apr 2025
https://github.com/lustan3216/behavior-bind-media
Behavior css class bind query media can save tons of css code
css-framework css-modules css3
Last synced: 27 Jul 2025
https://github.com/denvned/isomorphic-relay-boilerplate
boilerplate css-modules graphql isomorphic isomorphic-relay relay starter-kit
Last synced: 28 Oct 2025
https://github.com/Simonwep/vite-plugin-optimize-css-modules
🗜 Mangle / minimize css module classnames in production like facebook and Google do!
css css-minify css-modules plugin vite vite-plugin
Last synced: 15 Mar 2025
https://github.com/telus/tds-community
TELUS Design System Community Components
component-library components-library css-modules design-system es2015 openshift-dedicated react security-kpi telus telus-community telus-digital web
Last synced: 12 May 2025
https://github.com/ye-will/next-plugin-antd
A @zeit/next-less patch with full support for Ant Design, Less and CSS modules
ant-design css-modules less next-plugin nextjs
Last synced: 05 Oct 2025
https://github.com/zhaotoday/react.js
A boilerplate for react js project. 基于 reactjs+redux+webpack2 的单页应用项目模板。
css-modules es6 postcss react redux sass webpack2
Last synced: 13 Jul 2025
https://github.com/ghivert/modular-styles
Extract CSS into CSS Modules for any language!
build-tool clojurescript css css-modules frontend spa
Last synced: 06 Apr 2025
https://github.com/awibox/react-redux-app-template
The template that will help you quickly start developing your project using React
async-await css-modules immutablejs jest prop-types react react-router-v4 redux-thunk reselect scss webpack4
Last synced: 31 Jul 2025
https://github.com/quramy/typescript-css-modules-demo
A working demo of CSS Modules, using TypeScript, css-modulesify and typed-css-modules
browserify css-modules react typescript
Last synced: 15 Apr 2025
https://github.com/pimbrouwers/hydrogen
⛅ A featherweight, modular CSS foundation.
css css-framework css-grid css-library css-modules
Last synced: 12 Apr 2025
https://github.com/morewings/react-library-template
Stop configuring, start coding your library. React Library Template makes it happen.
css-modules jest npm-module npm-package postcss react storybook tailwindcss template-project typescript vite
Last synced: 22 Apr 2025
https://github.com/leoMirandaa/restaurant-menu
Elegant restaurant menu made with Next(Pages Router), CSS modules, Antd and Motion One
ant-design antd antdesign css-modules html javascript motionone nextjs react
Last synced: 02 Aug 2025
https://github.com/leomirandaa/restaurant-menu
Elegant restaurant menu made with Next(Pages Router), CSS modules, Antd and Motion One
ant-design antd antdesign css-modules html javascript motionone nextjs react
Last synced: 09 Apr 2025
https://github.com/tai2/webpacker-react-example
Rails modern front-end example using Webpacker 3.
babel bootstrap css-modules enzyme hot-module-replacement lodash mocha power-assert prettier rails react redux storyboard tslint typescript webpack webpacker
Last synced: 30 Dec 2025
https://github.com/dipiash/nx-vite-react-ts-mantine-boilerplate
NX monorepository with: Vite, GraphQL / Apollo, Typescript, Storybook / CSS Modules / Mantine
apollo apollo-client boilerplate boilerplate-front-end boilerplate-template boilerplates css css-modules graphql hacktoberfest mantine monorepo nx react typescript vite vitest
Last synced: 29 Oct 2025
https://github.com/teplostanski/vite-plugin-pretty-module-classnames
💅 Adds the filename without the -module suffix to the class names of CSS modules
css css-modules less plugin scss scss-modules vite vite-plugin
Last synced: 17 Mar 2025
https://github.com/americanexpress/purgecss-loader
✨ A Webpack loader to strip unused selectors from your CSS
css css-modules one-app optimization purgecss strip-unused-selectors webpack-loader
Last synced: 14 Apr 2025
https://github.com/sgtpep/css-modules-html-demo
A demo of using CSS Modules within HTML files following the BEM-like approach and powered by Gulp and Lo-Dash/Underscore templates.
bem css-modules demo gulp html underscore-templates
Last synced: 11 Apr 2025
https://github.com/gurubalan-git/bank-account-simulation
A Bank Account Simulation with JavaFX and SQLite back-end. Material UX|UI.
banking css-modules java java-8 java8 javafx javafx-application javafx-components javafx-desktop-apps javafx-frameworks javafx-gui javafx-library javafx-project material-design material-design-lite material-ui materialize-css sqlite-database sqlite3 stylesheets
Last synced: 10 Apr 2025
https://github.com/kokushin/mono.css
Minimal design based on black and white.
css css-framework css-modules css3 minimal monochrome
Last synced: 10 Apr 2025
https://github.com/zeokku/vite-plugin-vue-css-modules
✨ Ultimate solution for using CSS modules without any hassle.
Last synced: 10 Apr 2025
https://github.com/princed/postcss-modules-values-replace
PostCSS plugin intended to replace CSS Modules values
css-loader css-modules css-modules-values postcss postcss-plugin
Last synced: 17 Mar 2025
https://github.com/hanse/hot-redux-chassis
Modern React/Redux/RxJS application using all the latest and greatest stuff from the community 🔥
css-modules flow react react-router redux redux-observable
Last synced: 28 Feb 2025
https://github.com/joshwnj/cmz
Same great CSS Modules taste, Zero sugar.
css css-in-js css-modules immutable-css
Last synced: 15 Apr 2025
https://github.com/kristerkari/react-native-css-modules-with-media-queries-example
An example app to show how CSS Media Queries work in React Native.
css css-modules demo-app example example-app media-queries react-native
Last synced: 25 Mar 2025
https://github.com/sessionboy/selft-resume-website
selft-resume-website,用react开发的简单的个人简历网站。适合react新手入门练习。
css-modules flex javascript react sass website
Last synced: 05 Apr 2025
https://github.com/sgtpep/csstag
Tagged template for CSS Modules: const styles = css`.root { color: red; }`; <div class={styles.root}></div>
browser css css-modules esm postcss tagged-template tagged-template-literal template-literal
Last synced: 10 Apr 2025
https://github.com/devdojo-it/wcag-ui
A UI Kit build upon WCAG Patterns with Semantic HTML at its core, makings accessibility... accessible!
a11y accessibility css css-framework css-modules javascript javascript-library vanilla-css vanilla-javascript vanilla-js vanillajs
Last synced: 17 Jun 2025
https://github.com/mightyaleksey/teatime-components
React components + CSS Modules
Last synced: 10 Apr 2025
https://github.com/kristerkari/react-native-css-modules-with-typescript-example
A simple example app that shows how you can use CSS modules + Typescript with React Native and React (for browser)
css css-modules demo-app example react-native sass ts typescript
Last synced: 25 Mar 2025
https://github.com/pascalduez/react-module-boilerplate
Sample React presentational components package.
babel boilerplate components css-modules enzyme flow jest react storybook ui
Last synced: 15 Apr 2025
https://github.com/LucianoTreachi/cursos-online-de-programacion
Sitio web que reúne los mejores cursos online de programación, clasificados por Frontend, Backend y Aplicaciones Móviles.
cloudinary css-modules nextjs14
Last synced: 23 Oct 2025
https://github.com/ijlee2/embroider-css-modules
CSS modules for Embroider projects
css-modules ember-addon ember-codemod ember-polaris emberjs embroider glint typescript
Last synced: 08 Jan 2026
https://github.com/hswolff/create-class-names
A utility to extend the values of a classNames object.
classnames css-modules react styles
Last synced: 24 Sep 2025
https://github.com/tangjinzhou/css-flat-loader
CSS Flat 一种CSS模块化解决方案
css css-flat css-modules flat modules react
Last synced: 11 Apr 2025
https://github.com/eels/next-purge-css-modules
Easily remove unused css-module code in your Next.js application
css css-modules nextjs nextjs-plugin purgecss scss
Last synced: 07 May 2025
https://github.com/chentsulin/styled-css-modules-component
Build styled component with css-modules
component css-modules react style styled-components
Last synced: 15 Oct 2025
https://github.com/eufelipemateus/domino-game
NodeDomino is a game multiplayer made in node socket.io, typescript, node.js and html5.
css-modules dev-junior developer dom-html domino express felipe-mateus game game-se games geek html-css html-modules html5 multiplayer nodejs real-time realtime socket-io videogame
Last synced: 08 Oct 2025
https://github.com/mtojo/rollup-plugin-stylus-css-modules
A Rollup.js plugin to compile Stylus and inject CSS Modules
css-modules rollup-plugin stylus
Last synced: 23 Oct 2025
https://github.com/samline/shido
Build interfaces quickly with a lightweight, flexible, and friendly CSS framework designed to be quick and easy without forcing you to overwrite styles or components. Your design, your rules.
artisan css css-framework css-modules front-end frontend functional-css grid grid-layout grid-system helpers-library less less-mixins mixins postcss responsive sass shido ui utility-classes
Last synced: 29 Oct 2025
https://github.com/onwidget/storybook-css-modules
Storybook preset addon to add CSS Modules capabilities
addon css css-loader css-modules javascript preset react storybook storybook-addons
Last synced: 30 Dec 2025
https://github.com/kristerkari/react-native-types-for-css-modules
React Native Typescript types with an extra added type: className property
classname css-modules react-native types typescript
Last synced: 25 Mar 2025
https://github.com/israelkilday/portfolio
Este é meu primeiro Portfólio pessoal feito com ReactJS e Typescript, apresento aqui alguns dos meus projetos e informações sobre mim.
context-api css-modules emailjs framer-motion git javascript jsx particles-js react-icons react-router-dom reactjs swiper typescript
Last synced: 12 Apr 2025
https://github.com/kristerkari/react-native-css-modules-example
A simple example app that shows how you can use CSS modules with React Native and React (for browser)
css css-modules demo-app example react-native sass
Last synced: 25 Mar 2025
https://github.com/klee-contrib/focus4
Focus v4
css-modules mobx mobx-react react typescript
Last synced: 09 Apr 2025
https://github.com/kutyel/react-css-props
💅🏼 Dynamically turn your props into CSS clases!
css-clases css-modules icon props react
Last synced: 07 Sep 2025
https://github.com/chriszhangusc/soundnode-redux
A SoundCloud Client Build with React and Redux inspired by SoundNode(GraphQL Coming Soon!!)
css-in-js css-modules dockerfile es6 express javascript nodejs normalizr proxy react react-router-v4 recompose redux redux-saga reselect soundcloud soundnode styled-components webpack3 yarn
Last synced: 02 Oct 2025
https://github.com/saddamcrr7/project-neon
Neon is a very Simple, Modern, easy to use CSS based library that inherits effect from background
css-framework css-library css-modules fluent-design front-end-development microsoft-neon open-source sass-library
Last synced: 13 Jun 2025
https://github.com/akrigline/react-redux-saga-starter
Basic, Opinionated starter kit for React+Redux+Redux Saga with support for SCSS CSS Modules, Storybook, JEST testing, and ESLint
css-modules eslint jest react react-router-v4 redux redux-cli redux-saga scss storybook
Last synced: 02 Jul 2025
https://github.com/eddiemoore/hydrogencss
Atomic CSS for CSS Modules
atomic-css atomic-design css css-modules
Last synced: 12 Apr 2025
https://github.com/noderaider/modular
Scaffold a react monorepo and its component parts.
boilerplate cli companion create-react-app css-modules ecosystem hot-reloads modular react scaffold webpack2 yarn
Last synced: 27 Oct 2025
https://github.com/garthenweb/parcel-plugin-css-modules-type-generator
Generates .d.ts files for CSS modules with Parcel
css css-modules modules parcel types typescript
Last synced: 05 May 2025
https://github.com/juliancataldo/vite-plugin-standard-css-modules
Provide a CSSStyleSheet or a CSSResult (Lit) for using with import attributes. Using the "with" keyword and "type : css".
bundler constructable-stylesheets css-modules lit polyfill tc39 vite
Last synced: 30 Apr 2025
https://github.com/tvrcgo/mobx-react-connect
Connect react component, mobx store and css modules.
css-modules mobx mobx-react react
Last synced: 15 Apr 2025
https://github.com/bondok6/world-data
A web application that provides information about each country in the world. The App is based on an external API that allows users to filter these countries by selecting a specific country. Build with React.js, Redux, and CSS modules.
api-rest css-modules heroku-deployment jest js linter npm-package reactjs redux toolkit
Last synced: 12 May 2025
https://github.com/fdmediagroep/fd-design-system
FD Design System
component-library css-modules design-system design-tokens fdmediagroep fdmg github-actions github-packages nextjs npm npm-module npm-package reactjs scss-modules typescript vercel
Last synced: 12 May 2025
https://github.com/viur-framework/viur-ignite
A sizzling PostCSS boilerplate
css css-framework css-modules css3 framework-css npm npm-package postcss postcss-boilerplate viur
Last synced: 19 Oct 2025
https://github.com/aslam97/laravel-mix-vue-css-modules
Laravel mix vue css modules
css-modules laravel-mix-plugin laravel-mix-vue-css-modules
Last synced: 03 May 2025
https://github.com/gnehs/tocas-ui-xiaoan
洨洨安的歡樂天堂!
css css-animations css-modules css3 css3-animations jade
Last synced: 25 Oct 2025
https://github.com/seek-oss/seek-style-guide-webpack
Webpack decorators for integrating with the SEEK Style Guide.
babel css-modules front-end less react style-guide webpack
Last synced: 14 Jan 2026
https://github.com/shanisoni/the-deep-green-web-technologies
"Embark on a journey of cutting-edge web development as I craft a dynamic and visually captivating web application. Harnessing the latest in CSS wizardry, HTML semantics, and JavaScript mastery, My project aims to redefine the digital experience. Dive into a world of seamless animations, fluid layouts, and interactive interfaces that engage users
css css-animations css-animations-2023 css-flexbox css-flexbox-grid css-flexbox-grid-layout css-framework css-framework-bootstrap css-grid css-grid-layout css-modules css3 css3-animations html html-css-javascript html5 javascript javascript-library js
Last synced: 21 Mar 2025
https://github.com/dylants/universal
An example universal/isomorphic web application
babel css-modules eslint express isomorphic react react-router-v4 redux universal webpack2
Last synced: 17 Aug 2025
https://github.com/epilande/yars
:rocket: Yet Another React Starter
boilerplate css-modules postcss react redux webpack
Last synced: 12 Jul 2025
https://github.com/reubn/tabla
Modern Periodic Table
chemistry css-modules periodic react redux science webpack
Last synced: 22 Jun 2025
https://github.com/shoonia/mini-css-class-name
Minimum size unique CSS class names generator
classname css-modules loader minify
Last synced: 05 May 2025
https://github.com/the-road-to-learn-react/create-react-app-with-css-modules
Showcasing how CSS modules work in create-react-app
Last synced: 10 Apr 2025
https://github.com/a-x-/babel-plugin-transform-import-css
Pack css-modules css into js (for library building purposes)
babel babel-plugin babel7 css-modules frontend postcss rocketbank
Last synced: 10 Oct 2025
https://github.com/ppldo/vanillin
CLI-tool for transpiling css modules to vanilla-extract
css css-modules migration vanilla-extract
Last synced: 27 Jun 2025
https://github.com/maxsite/berry
A utility-first CSS framework with full support Material Design. Better than Bootstrap
atomic-css css css-flex css-framework css-grid css-modules cssutils functional-css responsive sass scss utility-classes utility-first
Last synced: 09 Apr 2025
https://github.com/shanisoni/3d-cards_project
"Introducing a meticulously crafted professional card, meticulously designed with HTML, CSS, and JavaScript. This sleek and dynamic web application showcases key information succinctly and elegantly
css css-animations css-flexbox css-grid css-grid-layout css-in-js css-in-js-transition css-in-js-transitions css-modules html html-css html-css-javascript html-css-js html-template html5 html5-canvas
Last synced: 23 Oct 2025
https://github.com/shanisoni/the_deep_green-e-solutions
Providing end-to-end digital solutions, including website design, e-commerce development, and online business optimization.
css-animations css-flexbox css-grid css-grid-layout css-in-js css-modules css3 html-css-javascript html5
Last synced: 23 Oct 2025
https://github.com/atilafassina/nextjs-up-and-running
▲ NextJS fundamentals [FREE COURSE]
course css-modules jamstack nextjs react static-site-generation typescript udemy
Last synced: 21 Jun 2025
https://github.com/interglobalmedia/react-workflow-updated-2018
This is the second edition of My Presentation for ReactNYC September 28, 2017 entitled React Workflows Without Create React App. Made with the reveal.js presentation deck which is created with vanilla JavaSscript. It incorporates changes made to React 16.6+, ESLint 5.9.0, Babel 7, and webpack 4 +.
babel7 css-modules dynamic-imports es6-javascript eslint jest mini-css-extract-plugin reactjs scss webpack-dev-middleware webpack-dev-server webpack4
Last synced: 27 Jul 2025
https://github.com/hahoocn/react-mobile-boilerplate
A simple boilerplate for build mobile web app ( Node.js, React.js, Redux, immutable-js, Webpack, CSS Modules, PostCSS, Babel, ES2015, ESLint, Server side and client side rendering ... )
babel boilerplate client-side-rendering css-modules es6 eslint immutablejs isomorphic postcss react react-hot-loader4 react-router5 redux server-side-rendering universal webpack webpack4
Last synced: 10 Oct 2025
https://github.com/shanisoni/portfoio_project
"Portfolio project showcasing my skills, projects, and experiences. Includes an overview of my background, a list of projects with descriptions and links, and contact information for potential opportunities."
css css-animations css-flexbox css-framework css-grid css-grid-layout css-in-js css-modules css3 css3-animations html html-css-javascript html5
Last synced: 23 Oct 2025