Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

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.

https://github.com/jahed/bem

Functions for using BEM naming conventions in CSS and CSS Modules and applying them seamlessly in JavaScript.

bem css css-modules javascript react

Last synced: 07 May 2025

https://github.com/lmichelin/stylelint-css-modules-no-global-scoped-selector

Stylelint rule for CSS modules to prevent usage of global-scoped selectors.

css-modules stylelint

Last synced: 28 Jul 2025

https://github.com/danielamenou/rollup-plugin-lib-style

A Rollup plugin that converts CSS and CSS extension languages into CSS modules and imports the generated CSS files

css css-modules less postcss rollup stylus

Last synced: 22 Mar 2025

https://github.com/nyancss/nyancss-css-modules-loader

Nyan CSS webpack loader that converts CSS Modules into React/Preact components

css css-modules nyancss preact react styled-components webpack webpack-loader

Last synced: 12 Apr 2025

https://github.com/waivital/auto-css-modules-webpack-plugin

Automatically detect and mark CSS modules for webpack.

css-modules webpack webpack-plugin

Last synced: 10 Apr 2025

https://github.com/markmur/webpack-css-tree-shaking-example

Working example of tree shaking CSS modules

css css-modules modules tree-shaking webpack

Last synced: 02 May 2025

https://github.com/zgreen/postcss-elm-modules

Transpile CSS modules to Elm.

css css-modules elm postcss postcss-plugin

Last synced: 10 Apr 2025

https://github.com/awibox/react-npm-package-template

The template that will help you quickly start developing your NPM package for React

coveralls css-modules eslint jest npm-package react-component scss template travis-ci webpack

Last synced: 23 Oct 2025

https://github.com/hiroppy/sweetpack

sweetpack helps eliminate time to suffer from webpack and babel😋

babel css-loader css-modules html-webpack-plugin loader react settings webpack

Last synced: 11 Apr 2025

https://github.com/bwca/package_eslint-plugin-react-css-modules

eslint plugin for linting non-existant css classes in css/scss modules when used in React applications.

css css-modules eslint react scss

Last synced: 09 Sep 2025

https://github.com/eels/chic-modules

A familiar styled-like API for working with css-modules in React

css css-modules react styled

Last synced: 18 Mar 2025

https://github.com/Bwca/package_eslint-plugin-react-css-modules

eslint plugin for linting non-existant css classes in css/scss modules when used in React applications.

css css-modules eslint react scss

Last synced: 16 Oct 2025

https://github.com/pekim/postcss-modules-resolve-from-alias

A CSS Modules transform to provide aliases for composes paths.

css-modules postcss

Last synced: 20 Aug 2025

https://github.com/kristerkari/stylelint-config-react-native-css-modules

Shareable stylelint config for React Native CSS modules

css-modules linter-config react-native stylelint

Last synced: 25 Mar 2025

https://github.com/teekaytech/catalogue-of-trivia-questions

A single page application that fetches data from a Opentbd API into Redux store. Visitors can view categories and filter the questions based on a category. Built with React, Redux & React Hooks.

css-modules react-hooks redux-store redux-thunk

Last synced: 08 May 2025

https://github.com/alexnoz/react-pwa-hot-ssr-loadable

A webpack@3 / React@16 based boilerplate for building progressive web apps.

code-splitting css-modules react react-boilerplate react-router-v4 ssr

Last synced: 06 Oct 2025

https://github.com/jiaronggu/css-type-loader

type loader for css-module and typescript

css-modules loader typescript webpack

Last synced: 17 Jul 2025

https://github.com/JiarongGu/css-type-loader

type loader for css-module and typescript

css-modules loader typescript webpack

Last synced: 04 May 2025

https://github.com/tzachbon/react-creates

React creates for you useful and common tools that adapt themselves to your project for faster and easier development

cli css css-modules javascript jest js jsx prop-types proptypes react reactjs sass scss tsx typescript vscode vscode-extension

Last synced: 02 May 2025

https://github.com/steffo99/bluelib

Customizable, flexible and modular CSS library

css css-modules hacktoberfest lesscss

Last synced: 24 Jul 2025

https://github.com/fajoaq/e-commerce-solidjs

Building an example E-Commerce front-page using SolidJs. This is mostly an excercise in the new framework and mixing css modules with sass.

css-modules cssmodules e-commerce javascript sass solidjs web-design web-development webdesign webdevelopment

Last synced: 12 Apr 2025

https://github.com/rfgamaral/parcel-plugin-typings-for-css-modules

📦 A plugin for the Parcel bundler to generate .d.ts files for your CSS Modules.

css css-modules module parcel parcel-bundler type-definitions typed-css-modules types typescript

Last synced: 16 Jun 2025

https://github.com/helciodev/popcorn-and-chill

This project consumes data from the TMDB (The Movie Data Base) API, it is a react project built using redux and react hooks

css-modules jest-tests looking-for-job react-developer reactjs

Last synced: 24 Apr 2025

https://github.com/edijunior88/newtab_academy_projetos

Vamos simular experiências comuns do dia a dia da profissão, onde você irá construir projetos baseados nas demandas do mercado, terá o acompanhamento de profissionais experientes na área e desenvolverá as principais habilidades técnicas e comportamentais necessárias para iniciar sua carreira.

css css-flexbox css-grid css-grid-layout css-modules css3 html html-css-javascript html5 javascript javascript-framework php php7 react reactjs

Last synced: 13 Jul 2025

https://github.com/ambethia/emmet-jsx-css-modules

Atom package to extend Emmet's JSX expansions to use CSS modules.

atom css css-modules emmet jsx react

Last synced: 22 Aug 2025

https://github.com/ahmedgamal2212/udemy-clone-reactjs

A ReactJS project that clones the Udemy website and its features such as courses popover, course details, course content and floating course details card.

css css-flexbox css-modules es6 javascript jsx react-bootstrap react-hooks react-router reactjs

Last synced: 07 Oct 2025

https://github.com/keremciu/react-component-library

a react component library template which uses esbuild(rollup), typescript, css-modules(sass)

component css-modules esbuild react typescript

Last synced: 11 Sep 2025

https://github.com/warborn/duckr

React + Redux Twitter like Single Page Application

css-modules es6 firebase firebase-authentication reactjs redux webpack2

Last synced: 12 Apr 2025

https://github.com/ystarlongzi/fis3-hook-css-modules

基于fis3的css模块化方案

css-modules fis3 loader

Last synced: 11 Apr 2025

https://github.com/gotpop/gotpop-shop

A full stack e-commerce application built with Next.js, NextAuth.js, Prisma/PostgresQL & raw CSS, deployed on Vercel & Railway

css-grid-layout css-modules database e-commerce-project nextauth nextjs nextjs13 oauth postgresql postgresql-database primsa railway raw-css serverside-rendering swr typescript vercel vercel-deployment webanimation-api

Last synced: 09 Sep 2025

https://github.com/flasd/fireplate

Firebase Cloud Functions React SSR ready boilerplate with Code Spliting, CSS Modules and Offline Support

cloud-functions code-spliting css-modules firebase offline-first react webpack

Last synced: 10 Aug 2025

https://github.com/designbyadrian/react-webpack-boilerplate-by-adrian

React 16 and Webpack 4 setup with React-Router, MobX state management, i18n localisation, Hot Module Reload, Node Express server, ES6 transpiling, and tools for code quality and testing.

babel babel-loader boilerplate css-modules es6 es7 es7-decorators eslint express hmr jest localisation mobx mobx-react mobx-router5 react react-16 sass webpack4

Last synced: 09 Aug 2025

https://github.com/itayganor/multiple-themes-webpack-plugin

🌈 Build multiple themes for your frontend project and switch between them on the fly

css-modules less theme webpack

Last synced: 23 Oct 2025

https://github.com/boriskrasko/macos-big-sur-terminal

MacOS Big Sur terminal window design including traffic lights, shadows, first command line with actual time and date, and text input effect | Each design element can be used as an independent element

apple bigsur css css-modules css3 flex html html5 javascript js macos modules nativescript terminal window

Last synced: 19 Jul 2025

https://github.com/recursivelogic/react-redux-boilerplate

React / Redux / CSS Modules / Enzyme / Mocha / Chai Boilerplate

boilerplate chai css css-modules enzyme mocha react redux unit-testing webpack

Last synced: 05 Oct 2025

https://github.com/tomasz-sodzawiczny/postcss-modules-extend-rule

PostCSS plugin set for using extend at-rule with CSS Modules

css css-modules extend extend-from postcss postcss-plugin

Last synced: 11 Jul 2025

https://github.com/princed/postcss-modules-tilda

PostCSS plugin to restore the way to resolve modules CSS Modules values paths that css-loader used to do before 2.0.

css-loader css-modules postcss postcss-plugin tilda

Last synced: 09 Apr 2025

https://github.com/kagawagao/css-modules-typings-loader

css modules typings loader for webpack, compatible with css-loader v4

css css-modules loader typescript typings webpack-loader

Last synced: 21 Mar 2025

https://github.com/monar/bem-names

Advanced generator of bem-like class names. bemNames can follow any BEM naming convention and allow easy transition between any of them. It also supports a transition between classic classnames as well as css-Modules.

bem classnames css-modules transition

Last synced: 12 Apr 2025

https://github.com/jacobgrisham/data-structures-and-algorithms-visualizer

Front-end single-page static website built with D3, React.js, Typescript, ES6 Javascript, Sass with CSS Modules and fine-tuned with Progressive Web App (PWA) capability. Site hosted on Netlify with Google Domains as DNS provider.

algorithms algorithms-and-data-structures algorithms-visualizer circleci css-modules d3 data-visualization es6-javascript front-end-web-development jamstack javascript netflify progressive-web-app pwa react reactjs sass scss sorting-algorithms typescript

Last synced: 26 Apr 2025

https://github.com/halo-lab/gatsby-plugin-css-modules-emoji

Gatsby Plugin to replace CSS Modules Class selectors by Emojis.

css-modules emoji gatsby gatsby-plugin

Last synced: 13 Apr 2025

https://github.com/bondok6/reactmeals

React Meals is a simple food order app allow users to add meals to the cart also change their amounts and add them multiple times and of course we can also view the carts to see what's in the cart.

css-modules react

Last synced: 18 Sep 2025

https://github.com/tidusia/next-storybook-tailwind-cssmodules

An exemple of how to configure Storybook to work with TailwindCSS, CSS Modules and from a Next.js project (as of Dec. 2021)

css-modules nextjs storybook tailwindcss

Last synced: 14 May 2025

https://github.com/dresandev/vexara

Bershka ecommerce clone. 📦💻

auth-js css-modules mercadopago nextjs-14 prisma-orm zustand

Last synced: 12 Apr 2025

https://github.com/plh97/component

📋make some component , welcome visit my blog

component css-modules javascript rollup

Last synced: 07 Oct 2025

https://github.com/kristerkari/react-native-css-modules-stylename-example

A simple example app that shows how you can use CSS modules + styleName syntax with React Native and React (for browser)

css css-modules demo-app example example-app react-native stylename

Last synced: 03 Apr 2025

https://github.com/tolumide-ng/react-ts-boilerplate

BoilerPlate for React, Redux, React-router Css-modules, Axios with Webpack using the atomic-design-pattern

atomic-design axios css-modules react react-router reactjs redux redux-thunk webpack

Last synced: 27 Jul 2025

https://github.com/crazyurus/craco-css-modules

A craco plugin to automatically use css modules

craco create-react-app css-modules

Last synced: 07 May 2025

https://github.com/sodiqsanusi/multi-step-form

A replication of the Multi Stage Form on Frontend Mentors

context-api css-modules nextjs

Last synced: 12 Jun 2025

https://github.com/kevin940726/svg-css-modules-loader

webpack loader to transform svg css modules

css-modules svg webpack-loader

Last synced: 10 Apr 2025

https://github.com/koyashiro/vite-plugin-happy-css-modules

Vite plugin for happy-css-modules

css css-modules happy-css-modules vite

Last synced: 14 Jun 2025

https://github.com/victorokoroji/doctors-appointment-frontend

Doctor appointment app is a software application that is especially meant to help patients manage and schedule appointments with the doctors or opt for a real-time chat.

bootstrap css-modules reactjs redux

Last synced: 10 Apr 2025

https://github.com/0xtheprodev/storybook-addon-sass-postcss

Storybook AddOn that incorporates PostCSS Preprocessor over CSS Modules with Sass support

css-modules postcss sass storybook storybook-addon webpack

Last synced: 12 Apr 2025

https://github.com/bansheetech/agnosticstyles

AgnosticStyles is a JavaScript utility function that safely applies CSS styles or class changes to a DOM element if it exists. Logs or warns based on customizable debug flags.

agnostic-styles css css-modules css-utilites css-utility dom-check dom-events inline-css inline-editing inline-styles style-manager tailwind tailwindcss utility-library vanilla-javascript vanillajs

Last synced: 15 Oct 2025

https://github.com/berzavlu/react-boilerplate-flux-hooks

Custom React Js boilerplate using Flux architecture like redux with only hooks

babel css-modules eslint flux-architecture hooks-api-react prettier react-router-v4 reactjs sass webpack4

Last synced: 24 Apr 2025

https://github.com/diffcunha/react-css-themes

Theme provider for React components using CSS modules

components css-modules react themes theming

Last synced: 01 Nov 2025

https://github.com/luizfelipe9627/naped

Naped é um website de informações sobre o mundo nerd e outros assuntos relacionados.

css-modules css3 eslint javascript-es6 npm reactjs

Last synced: 05 Apr 2025

https://github.com/wintercounter/phrame

0kb footprint, modular, configurable SASS framework to be used with CSS modules (or not).

0kbfootprint breakpoint config css-framework css-modules sass sass-framework scheme

Last synced: 14 Apr 2025

https://github.com/vahidd/spotify-react-redux

React redux implementation of Spotify based on Spotify's web APIs

antd axios css-modules react react-router redux webpack

Last synced: 16 Jan 2026

https://github.com/BansheeTech/AgnosticStyles

AgnosticStyles is a JavaScript utility function that safely applies CSS styles or class changes to a DOM element if it exists. Logs or warns based on customizable debug flags.

agnostic-styles css css-modules css-utilites css-utility dom-check dom-events inline-css inline-editing inline-styles style-manager tailwind tailwindcss utility-library vanilla-javascript vanillajs

Last synced: 09 Oct 2025

https://github.com/moonwalker/orbit

Minimal UI component library for :moon: :walking:

css css-modules reactjs stylus

Last synced: 28 Oct 2025

https://github.com/ahmetaksungur/image-filter-css

Give effects to your photos with css

css css-modules image image-filter image-filters

Last synced: 29 Dec 2025

https://github.com/huyng12/matocss

(Experimenting) Transform CSS Modules to enable Atomic CSS benefits 🌱

atomic-css css-modules webpack

Last synced: 05 Apr 2025

https://github.com/vlaek/musicstore-react

React, TypeScript, Redux, Formik, Yup

css-modules formik-yup react redux scss typescript

Last synced: 02 Jul 2025

https://github.com/jordanurbaezlu/void-ui-library

The Void UI Library is an open-source React Component Library that follows the Void Design System. Uses technologies such as React, Typescript, React Testing Library, Jest, SCSS, Rollup, ESLint, and Storybook. Uses Chromatic for Visual Regression Snapshot Testing: https://www.chromatic.com/builds?appId=63ece6136437457c65e9877c

babel chromatic coverage css-modules eslint github-actions hooks javascript jest npm-package npmjs react react-testing-library rollup scss storybook tsconfig typescript ui-components

Last synced: 23 Apr 2025

https://github.com/mahammad-mostafa/countries-metrics

This is the capstone project of the third module in the Microverse program. It displays information about world countries & uses React framework with redux toolkit.

capstone-project create-react-app css-modules es6-javascript jest jest-snapshots jsx microverse microverse-projects microverse-students react react-hooks react-router redux redux-thunk redux-toolkit responsive-layout rest-api single-page-app unit-testing

Last synced: 30 Dec 2025

https://github.com/abayomi1196/anime-webpage

Web app showing top, trending animes, allowing users to search and view in detail.

css-modules graphql nextjs

Last synced: 06 Apr 2025

https://github.com/art-in/css_mod

CSS Modules for Rust

css css-modules rust

Last synced: 10 Apr 2025

https://github.com/rishi-mishra0704/react-project

This is an expense tracker that helps you keep track of all your expenses since 4 years . This was made to see how much improvement I need in using react.js . This is entirely built on react.js and Css-Modules. It has a special feature namely year filter to help you see your expense in particular year

css-modules react

Last synced: 02 Apr 2025

https://github.com/sevlamare/topstocks

Check the top NASDAQ stocks in great style with this React application.

babel css-modules cypress express javascript jest react react-router redux webpack

Last synced: 30 Dec 2025

https://github.com/JordanUrbaezLu/void-ui-library

The Void UI Library is an open-source React Component Library that follows the Void Design System. Uses technologies such as React, Typescript, React Testing Library, Jest, SCSS, Rollup, ESLint, and Storybook. Uses Chromatic for Visual Regression Snapshot Testing: https://www.chromatic.com/builds?appId=63ece6136437457c65e9877c

babel chromatic coverage css-modules eslint github-actions hooks javascript jest npm-package npmjs react react-testing-library rollup scss storybook tsconfig typescript ui-components

Last synced: 05 Mar 2025

https://github.com/boldgrid/components

BoldGrid CSS library built with SASS

css-modules page-builder

Last synced: 16 Mar 2025

https://github.com/akellbl4/next-with-preact-boilerplate

Boilerplate for Next.js with Preact, tests with Jest and Enzyme

css-modules enzyme eslint jest nextjs nextjs-boilerplate nextjs-starter postcss preact prettier

Last synced: 31 Oct 2025

https://github.com/benallfree/van13k

A VanJS-based js13k starter kit

css-modules js13k js13kgames js13kgames2025 typescript vanjs vite

Last synced: 25 Jun 2025

https://github.com/safdarjamal/netflix-clone

Netflix clone built with React, Redux, and React Router.

css css-modules html javascript mvc-architecture netflix-clone react react-router reactjs redux

Last synced: 06 Mar 2025

https://github.com/amir-kedis/react-jonas-projects

In this repo I implement the react projects provided in Ultimate react course by jonas.

css-modules react react-hooks react-router redux

Last synced: 12 Apr 2025

CSS Modules Awesome Lists
CSS Modules Categories