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/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/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/totokartonio/next-arcade

Mini arcade in Next.js 15 (App Router, SSR). Hangman, Snake, Matching Pairs. TypeScript, Zustand, Vitest/Cypress, sound.

app-router arcade css-modules cypress games hangman memory-game nextjs react snake ssr turbopack typescript vitest zustand

Last synced: 07 Apr 2026

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: 20 Apr 2026

https://github.com/datacrafts-io/gatsby-opinionated-starter

TypeScript, ESLint, jest, testing-library, Storybook, commitizen & commitlint, semantic-release, remark-lint, stylelint, SCSS Modules, Typography.js, GitHub Actions, PWA, Renovate, netlify-ready gatsby starter

commitizen commitlint css-modules eslint gatsby gatsby-starter gatsby-typescript github-actions jest netlify scss semantic-release storybook stylelint testing-library typography

Last synced: 19 Oct 2025

https://github.com/kovalenkovpu/react-ts-template

Template for ReactJS-TypeScript-Webpack project initial configuration. Includes Jest setup, SCSS Modules configuration.

css-modules eslint jest prettier reactjs scss-modules stylelint ts typescript webpack

Last synced: 07 Apr 2026

https://github.com/sincerelyfaust/vehicle-list-mobx-example

A simple example of displaying data from an API (Supabase) and using MobX for state management

api css css-modules fetch form javascript js mobx mobx-react-form mobx-react-lite nextjs node react supabase validatorjs

Last synced: 06 Apr 2026

https://github.com/vlaek/gkeep-lite-react

React, TypeScript, React Masonry, Google Keep

css-modules react react-masonry react-responsive scss typescript

Last synced: 07 May 2026

https://github.com/ertgl/cx-tagged-template

Class-name expressions in the style of concatenative programming.

class-names concatenative css css-modules domain-specific-language forth javascript jsx tagged-template typescript

Last synced: 23 Mar 2025

https://github.com/rproenza86/appointment-date-picker

NPM Module to schedule appointments using a complex ReactJS date picker design

css-modules grunt npm-module reactjs redux typescript

Last synced: 30 Jan 2026

https://github.com/hannahnier/portfolio

A single-page portfolio website built with React

css-modules react vite

Last synced: 12 Apr 2025

https://github.com/fatihcandev/tailwindui-design-practice

Designing Tailwind UI components from scratch to practice and improve my front-end skills.

css-modules gatsby react scss tailwindui

Last synced: 04 Apr 2026

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

基于fis3的css模块化方案

css-modules fis3 loader

Last synced: 18 Apr 2026

https://github.com/ReactML/loader

The webpack loader for Reactive Markup Language(RML).

css-modules dsl loader markup-language react react-markup-language rml webpack-loader

Last synced: 27 Mar 2025

https://github.com/saddamarbaa/abaton-electronics

==> Abaton Electronics, a company specializing in automation's, robotics, website built in React Js ((Freelancing Project) )

css-modules reactjs

Last synced: 18 Apr 2026

https://github.com/sofiane-abou-abderrahim/react-course-goals

I dived in and React.js and built a small course goals demo from scratch! I used Reactjs, Hooks, Conditional & Dynamic Styles, Styled Components, Dynamic Props, CSS Modules, Dynamic Inline Styles, Dynamic CSS Classes, Media Queries and way more!

conditional-styling css-modules dynamic-css-classes dynamic-inline-styles dynamic-props dynamic-styles media-queries react react-components react-hooks reactjs styled-components

Last synced: 04 Apr 2026

https://github.com/sutac/connect4

Connect4 is a project aimed at implementing the classic game of the same name using web technologies.

css-modules expressjs mongodb nextjs nextjs14 nodejs typescript websocket

Last synced: 04 Apr 2026

https://github.com/yvanguidoin/ts-css-modules-webpack-loader

Create Typescript definitions for CSS modules from css-loader output

css css-modules loader typescript webpack

Last synced: 13 Feb 2026

https://github.com/reactml/loader

The webpack loader for Reactive Markup Language(RML).

css-modules dsl loader markup-language react react-markup-language rml webpack-loader

Last synced: 18 Jan 2026

https://github.com/abayomi1196/news-app

News application built using NextJs

css-modules next-js react

Last synced: 17 Apr 2026

https://github.com/lyskos97/react-boilerplate

Custom React + CSS Modules boilerplate

boilerplate css-modules react sass webpack

Last synced: 12 Apr 2026

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

React, TypeScript, Redux, YandexMusic Design

axios css-modules react redux scss typescript yandexmusic-design

Last synced: 10 Apr 2026

https://github.com/beaglefoot/fcc-roguelike

Basic Roguelike Dungeon Crawler built with React, Redux and Immutable

css-modules immutable lodash react redux redux-thunk webworkers

Last synced: 12 Feb 2026

https://github.com/mrkou47/jest-css-modules-processor

Implement import css during testing

css-modules jest jest-plugin

Last synced: 13 Apr 2025

https://github.com/luudjacobs/better-bem

Chainable BEM className generator with CSS Modules support

bem classnames css-modules javascript

Last synced: 23 Apr 2025

https://github.com/ayush-kanduri/blog-webapp-react

Blogster Hub is a Blogging Web App which is built on ReactJS, TailwindCSS & Firebase. This app uses the React Router 6 Navigation & Routing & React Hooks, Custom Hooks. This app uses the Firestore DB along with the Firebase Hosting.

css-modules firebase firebase-hosting firestore firestore-react material-ui react react-hooks react-router react-router-dom reactjs styled-components tailwind tailwind-css tailwindcss

Last synced: 09 Mar 2026

https://github.com/devmagno/move.it

🏃 O aplicativo para você se exercitar e se tornar mais produtivo ao mesmo tempo.

css-modules css3 devmagno js-cookie nextjs react react-tsx reactjs ssr typescript

Last synced: 09 Apr 2026

https://github.com/9technology/css-modules-stylus

Stylus preprocessor for css-modules-require-hook.

css-modules stylus

Last synced: 18 May 2026

https://github.com/vlaek/cookbookhub

React, Redux Toolkit, RTK Query, TypeScript

css-modules json-server react redux-toolkit rtk-query scss typescript

Last synced: 15 Apr 2026

https://github.com/b2wads/grimorio-ui

Grimório✨ | UI just like magic

css-modules css-variables react uikit

Last synced: 02 Jul 2025

https://github.com/pranshudobhal/shoe-me-up

An eCommerce store for shoe lovers 😀

context-api css-modules react react-router-v6

Last synced: 05 May 2026

https://github.com/pascalduez/rcm

A collection of React Components

components css-modules react ui

Last synced: 04 May 2026

https://github.com/raunofreiberg/blackford

Dockerized Node.js & PostgreSQL SPA with a React & Redux client

css-modules docker express javascript jsx knex nginx nodejs passportjs postgresql react redux scss webpack

Last synced: 09 Apr 2026

https://github.com/nethruster/tf-tran

Consulta en tiempo real de tranvias y paneles de información.

css-modules live online preact real-time tenerife tranvia unistore webpack

Last synced: 23 Jan 2026

https://github.com/matan3sh/shopifynext

A modular e-commerce client integrated with shopify as management content system

css css-modules graphql nextjs postcss react shopify tailwind tailwind-css typescript

Last synced: 07 Apr 2026

https://github.com/andriyor/css-modules-migration

Experiment with migrattion from css to css-modules

ast css css-modules migration ts-morph

Last synced: 23 Jan 2026

https://github.com/etareduction/clamp-tailwind

CLI tool that merges your react/tailwind codebase className's into per-component CSS modules.

babel css css-modules cssmodules react reactjs tailwindcss

Last synced: 05 Jan 2026

https://github.com/carandev/image-generator

Proyecto que genera una imagen a partir de un texto usando la API de OpenAI

css-modules openai reactjs vercel

Last synced: 29 Oct 2025

https://github.com/newhoteng/metrics

Metrics is a single-page-application built with react and redux. It fetches air quality data for selected cities from an API and displays the cities with their corresponding air quality index (aqi) on the homepage. Clicking on a city on the homepage directs users to a details page which lists the concentration of the various pollutants.

css-modules react react-router react-testing-library redux-toolkit snapshot-testing spa unit-testing webpack

Last synced: 09 Apr 2026

https://github.com/illescasdaniel/overreactts

React template with TypeScript plus SASS, Bootstrap, React-Router, Font awesome, CSS Modules

bootstrap css-modules react routes sass typescript

Last synced: 09 Apr 2026

https://github.com/aachourmohamed/space-travel

A web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions.

css-modules html5 linters react-hooks reactjs redux redux-thunk sass

Last synced: 02 Feb 2026

https://github.com/skib-pixel/web-components-course

Source Code for my online course "Web Components: Ultimate Guide from Zero to Hero"

cse3002 css css-modules django form-validation forms formula-student-driverless hariket html universidad-rafael-urdaneta uru vit-chennai vite yarn

Last synced: 15 Apr 2026

https://github.com/saddamarbaa/blog-post-next-js

==> Building my blog post with React Js + Next Js + Node.js + Express + MongoDB + CSS Modules + react-markdown + Vercel Hosting (a mobile-friendly)

css-modules expressjs markdown mongodb nextjs nodejs reactjs vercel-hosting

Last synced: 02 Apr 2026

https://github.com/albertfdp/boilerplate

🎩 Personal opinionated boilerplate for web apps

babel boilerplate css-modules jest postcss react unexpected webpack

Last synced: 07 Apr 2026

https://github.com/noviel/webpack-features

Configure webpack quickly and without pain

bundle css-modules postcss presets react typescript webpack webpack-features

Last synced: 05 Jan 2026

https://github.com/starptech/shikaka

Opinionated UI component library bundler

bundler css-modules esm react rollup sass ui-components

Last synced: 19 Jan 2026

https://github.com/storres20/random

RANDOM is a frontend web application based on Reactjs + Typescript that retrieves data from API. Shows on screen Random user's information

css-modules reactjs typescript

Last synced: 06 May 2026

https://github.com/ikonrad/cobo-js

Complete boilerplate for building universal and production-ready React applications

code-splitting css-modules react react-loadable react-redux react-router react-router-v4 reactjs reactstrap redux-form redux-saga webpack4

Last synced: 05 May 2026

https://github.com/sharpwit/creative-agency

A fullstack app based on NextJS-v14

css-modules nextjs nextjs14

Last synced: 08 May 2026

https://github.com/aachourmohamed/freegames

This website allows you to look for all games and the most famous one and search by name

css-modules html5 linters reactjs redux redux-thunk sass

Last synced: 11 Apr 2026

https://github.com/trecli/trecli

Trecli - Typescript React CLI

cli css css-modules material-ui react typescript

Last synced: 19 Jan 2026

https://github.com/pieter-rees/css-grid-grid

This is a grid build on CSS grid :)

css css-grid css-modules grid grid-layout grid-system grids

Last synced: 25 Feb 2026

https://github.com/ardi-n/react-redux-web-workers-sample-app

React/Redux proof-of-concept app that utilizes Web Workers to take the load off UI thread to manage part of the state.

css-modules parceljs react react-redux web-workers

Last synced: 05 May 2026

https://github.com/mahmoud-alaa1/world-wise

React application that allows users to track their travel experiences

context-api css-modules custom-hooks react react-router-v6

Last synced: 20 Jan 2026

https://github.com/moamal-2000/aster-information

Aster Information provides cutting-edge data solutions and innovative IT services, empowering businesses with efficient information management and advanced technology tools tailored to their unique needs.

accessibility animation-on-scroll clean-code css-modules css-modules-react custom-hooks-in-react forms helmet-as react react-router-v6 reactjs redux-toolkit responsive-design responsive-web-design resuable-component sass seo-optimization sliders svg-icons vite-react

Last synced: 06 Oct 2025

https://github.com/spexop-ui/spexop-packages

Spexop Design System - Professional React component library with a flexible theme system. Build modern web applications with primitives-first architecture.

accessibility components css-modules design-system primitives-first react theme-system typescript ui-library

Last synced: 03 Nov 2025

https://github.com/aszurar/ignitefeed

O projeto Ignite Feed é um site de uma página para listar posts de um blog, criar e excluir comentários desses posts, um projeto simples sem muitas funcionalidades para praticar conceitos básicos. Acesse em: https://ignitefeed-aszurar.netlify.app/

axe-core css css-flexbox css-module css-modules date-fns flex flexbox html html-css-javascript ignite-reactjs javascript jsx netlify react reactjs sentry tsx typescript vite

Last synced: 11 Apr 2026

https://github.com/mukhindev/create-bem

Utility for creating BEM class names. CSS Modules support.

bem classnames css css-modules

Last synced: 03 Feb 2026

https://github.com/stefanoconsonni/twitter-clone-app

A beautiful Twitter clone built with Next.js, Typescript, Material UI, Sanity-CMS and NextAuth

css-modules material-ui next-auth nextjs react sanity tanstack-query typescript

Last synced: 08 Apr 2026

https://github.com/adaam2/react-starter

With hot module replacement, es6, css modules, jsx etc

css-modules es6 hmr jsx react webpack

Last synced: 13 Apr 2026

https://github.com/fjc0k/babel-plugin-smart-css-modules

Automatic recognition of CSS Modules.

babel babel-plugin css-modules

Last synced: 20 Jan 2026

https://github.com/dresandev/dreflix

Movie app in the style of Amazon prime video and Crunchyroll. 🍿

css-modules movies-app nextjs-14 the-movie-db typescript

Last synced: 05 Feb 2026

https://github.com/alexerlandsson/3d-model-maker

Simple tool to create voxel models built with HTML and CSS. Built using Next.js and CSS Modules.

3d css css-modules cuboid nextjs pixelart voxel

Last synced: 19 Apr 2026

https://github.com/leroyalle/pindie-frontend

App for publishing and playing indie games

css-modules nextjs

Last synced: 01 May 2026

https://github.com/miro-wq/goit-react-hw-08-phonebook

This project is an excellent demonstration of how to build a full-featured React application with authentication, secure data management, and a modern UI.

authentication-backend axios backend contact-form css-modules data-persistence form-validation login login-system reactjs redux-toolkit routing user-authentication user-registration

Last synced: 16 Mar 2025

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

A Next.js portfolio application. Built with CSS Modules & Sanity headless CMS. Deployed on Vercel.

app-directory css-modules cypress eslint github-actions monorepo nextjs nextjs-13 pnpm portfolio sanity sanity-studio sanityv3 server-components ssr stylelint turbopack turborepo vercel

Last synced: 11 Apr 2026

https://github.com/mdenisov/react-universal-boilerplate

A starter boilerplate for an universal web app with the best development experience and a focus on performance and best practices.

boilerplate css-modules hot-reloading jest koa nodejs postcss react-helmet react-router-v4 reactjs redux starter unit-testing universal webpack3

Last synced: 08 Apr 2026

https://github.com/samouss/micro-messages

Micro messages App built with React

css-modules flow react redux

Last synced: 04 May 2026

https://github.com/flavioccf/react_todo_list

Small application with the basic elements for a React Application, by adding, removing and updating ToDo tasks in a list of items.

css-modules react typescript vite

Last synced: 21 Jan 2026

https://github.com/anton-karlovskiy/bitcoin-fork-explorer

React frontend prototype with scalable architecture, CSS modules, dark mode, and Ethereum integration — optimized for performance and clean developer experience.

anton-prototype bitcoin css-modules dapp dark-mode developer-experience eslint ethereum frontend husky interview-assignment lint-staged performance-optimization project-setup react react-router state-management web-development web3

Last synced: 13 Apr 2026

https://github.com/gameonn/react-windbnb

Windbnb Dev Challenge

css css-modules reactjs

Last synced: 13 Apr 2026

https://github.com/gfazioli/react-flip

A React component that wraps any two faces and animates a 3D rotation between them. Themeable via CSS variables, zero runtime dependencies, ~2 KB gzipped, TypeScript-first.

3d animation card css-modules flip react react-component transition typescript

Last synced: 26 May 2026

https://github.com/babel-plugins/babel-plugin-umi-css-modules

处理样式文件引入路径，添加?cssModules

babel babel-plugin css-modules umi

Last synced: 26 Jun 2025

https://github.com/ashmalzahra/bookstore

The Bookstore website has been built in order to learn how to use React and Redux in the context of a real application. A Zeplin design has been parsed to create the UI.

css-modules react react-bootstrap react-router redux redux-thunk rest-api single-page-app

Last synced: 11 Apr 2026

CSS Modules Awesome Lists
CSS Modules Categories