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/vlaek/todo-react

React, TypeScript, ToDo

css-modules react react-transition scss typescript

Last synced: 06 May 2026

https://github.com/biril/modcss

Modular CSS with postCSS and npm scripts

css css-modules example npm-scripts postcss tutorial

Last synced: 16 Apr 2026

https://github.com/mrbenhowl/react-animated-hamburger-example

Hamburger menu built using React and CSS (transitions). No images or SVGs.

css css-modules hamburger-menu postcss postcss-cssnext react transition-animation

Last synced: 11 Apr 2026

https://github.com/kristerkari/react-native-css-modules-with-viewport-units-example

An example app to show how CSS Viewport Units work in React Native.

css css-modules demo-app example example-app react-native viewport-units

Last synced: 18 Apr 2026

https://github.com/dogma-io/babel-plugin-auto-css-modules

Automatically import same name CSS modules.

babel babel-plugin css css-modules import modules require

Last synced: 09 Apr 2026

https://github.com/fimbres/nextjs-13-experimental

This is a sample project about testing the new features of NextJs 13.0.6, like the new Image component, the new render methods, Error component, Loading component, and many more using CSS modules!

cllient-components css-modules data-fetching next-fonts nextjs nextjs-13 rendering server-components static-site turbo-pack ui-components

Last synced: 16 Apr 2026

https://github.com/birdofpreyru/postcss-icss

PostCSS plugin to process CSS modules and extract tokens

css css-modules javascript modules plugin postcss web

Last synced: 01 Oct 2025

https://github.com/pranshudobhal/football360

A video library app for all football lovers. Don't let anything distract you from football 😀

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

Last synced: 16 Apr 2026

https://github.com/javitocor/trekkie-world-catalog

A catalog where users will find everything related to Star Trek TV shows, built with React&Redux.

bootstrap4 css-modules eslint javascript jest npm react-components react-redux react-router reactjs redux redux-thunk startrek stylelint testing-library-react

Last synced: 09 Apr 2026

https://github.com/reubn/dragonfruit

Syntactic Sugar Over Namespaced CSS

css css-modules hacktoberfest javascript webpack webpack-loader

Last synced: 06 Apr 2026

https://github.com/btzr-io/electron-preact-app

:rocket: Create electron apps with no build configuration

css-modules electron electron-apps electron-preact preact redux webpack zero-configuration

Last synced: 12 Apr 2026

https://github.com/devapurva/todomvc-react-css-module

Basic TODO app based on TodoMVC, built using React, Typescript & CSS Modules. 📑 ✅

css-modules reactjs todoapp typescript

Last synced: 12 Apr 2026

https://github.com/feeldiac/js-fundamentals

Collection of interactive tools to explore some JavaScript concepts and APIs

css-modules dom-manipulation reactjs typescript

Last synced: 01 Apr 2025

https://github.com/devferx/marvol

Marvol es él sitió donde cualquiera puede conocer todas las novedades de sus superhéroes favoritos.

css-modules nextjs react typescript

Last synced: 12 Apr 2026

https://github.com/ressuman/react-form-meetups-project

A full-stack application for managing meetups, built with React, CSS Modules(Tailwind CSS), and Firebase. Users can view all meetups, add new ones, and mark favorites. The app features a responsive design and CRUD operations, demonstrating proficiency in modern web technologies and integration with backend services.

axios-react css-modules environment-variables firebase firebase-realtime-database react-router reactjs vite

Last synced: 07 Jan 2026

https://github.com/vitor-martinss/moveit

This project has been made during the event Next Level Week 04 hosted by RocketSeat!

css-modules frontend moveit nlw-4 react reactjs rocketseat typescript

Last synced: 12 Apr 2026

https://github.com/mirror45/taskmanager

Task Manager — a React + Redux Toolkit SPA for managing tasks with filters, statistics, and a clean UI. Built with TypeScript and Create React App.

axios chartjs css-modules flatpickr json-server react react-router redux redux-toolkit typescript

Last synced: 10 Jun 2026

https://github.com/javadevbh/nextcar

A Car market site with Next.js.

css-modules filtering-data nextjs

Last synced: 07 Jan 2026

https://github.com/camilo-j/imageuploader

This is an app that allows you to upload images and get a link to share them with others.

css-modules nextjs typescript

Last synced: 07 May 2026

https://github.com/dev-kawser/blog-website

The "blog-website" repository is a straightforward HTML and CSS project for creating a clean blog site. With a minimalistic design using grid properties.

css css-grid css-modules html

Last synced: 19 May 2026

https://github.com/chen-abudi/react-router-full

A practice project in React, displaying multi-page SPA with React Router along with basic Backend API.

css-modules expressjs javascript nodejs react react-router-dom-v6

Last synced: 07 Jan 2026

https://github.com/terieyenike/react-cloudinary-image-optimisation

Implement robust optimization and delivery on hosted images

cloudinary cloudinary-sdk css-modules nextjs reactjs

Last synced: 12 Apr 2026

https://github.com/ianinazarenko/next-door

This is a Demo Project. NextDoor is a Next.js web app connecting neighbors within residential complexes. It offers a classifieds board for residents and key information about each complex — making it easier to offer help, find help, and stay informed. This is MVP version for portfolio purposes, planned to grow with more features and a richer UI.

css-modules nextjs prisma-orm react tailwindcss

Last synced: 12 Apr 2026

https://github.com/nonsalant/colocated-styles

Pattern for co-locating CSS in web components

css css-modules patterns web-components

Last synced: 12 Apr 2026

https://github.com/pabloxt14/explorer-destiny

Explorer Destiny é um projeto que tem como finalidade ler o seu destino, através de perguntas que você realizar, espero que você esteja com sorte.

css-modules reactjs typescript

Last synced: 12 Apr 2026

https://github.com/ahmed-maher77/smart-date-calculator

A modern date calculator that computes future/past dates with weekend exclusion. Built with React, this responsive web app offers precise date calculations with an intuitive interface and accessibility-focused design.

context-api css-modules date-calculator react reactjs responsive-design vitejs

Last synced: 12 Apr 2026

https://github.com/ppedrolucas/posts

Uma aplicação web focada em aprender os fundamentos da biblioteca de Javascript, o React

css-modules html javascript reactjs vite

Last synced: 18 Apr 2026

https://github.com/sergeykazarinov/armaggedon-next-js

Онлайн-сервис по мониторингу и уничтожению опасных астероидов на основе данных API NASA.

api css-modules flexbox grid-layout nextjs nodejs react

Last synced: 12 Apr 2026

https://github.com/deborabucci/to-do-list

This project was created with React, and is from one of Maximilian Schwarzmüller's courses.

css-modules react styled-components

Last synced: 09 Apr 2026

https://github.com/cottrellio/xy-components

Yet another Material Ember component lib, but this time written with CSS Modules!

css-modules ember-addon ember-components extinsible material-design

Last synced: 19 May 2026

https://github.com/alonronin/css-modules-example

react, css modules, sass, extract plugin, webpack example

css-modules extract-text-webpack-plugin react sass webpack2

Last synced: 12 Apr 2026

https://github.com/sahilaujla/to-do-list

A simple to-do list made by using React.js, styled components and css modules.

css-modules javascript jsx react styled-components

Last synced: 31 Dec 2025

https://github.com/marinakinalone/le-journal

Something between an interactive diary and a video game. In Frenglish.

css-modules firebase-storage nextjs sass typescript

Last synced: 08 Apr 2026

https://github.com/yash1hingu/react-styling-component

In This repo. I Create React component styling examples using CSS Modules, styled-components, and direct CSS files with a sample Button component.

component-libraries css css-modules javascript react styled-components

Last synced: 13 Apr 2026

https://github.com/beaglefoot/fcc-geo-map

Interactive mapping of meteorite landings across the globe created with d3v4

css-modules d3 d3v4 globe

Last synced: 09 May 2026

https://github.com/kalyan4636/responsive-rangers

Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML & CSS. HTML and CSS with our step-by-step tutorial.

css css-animations css-modules html html-css-javascript html5 javascript javascript-applications javascript-framework js nodejs react reactjs

Last synced: 16 Apr 2026

https://github.com/annaindistress/frontend-mentor-bmi-calculator

This is a solution to the BMI Calculator challenge on Frontend Mentor

css-custom-properties css-modules github-actions react vite

Last synced: 07 Apr 2026

https://github.com/occar421/transmit-update-loader

Message passing tool to transmit update to another file during webpack loader process.

communication css-modules loader transmit typescript watch webpack webpack-dev-server webpack-loader

Last synced: 08 Oct 2025

https://github.com/supernovasatsangi23/expense-tracker-react-app

This is a react.js app that keeps a track of expenses. It is a to-do app version of expenses. With graphs for visualization, it makes it easier for the user to have a big picture of their expense and it can track expenses in a wide range of date. The expense should have a title, amount and date. The list of expenses can be filtered as well.

application create-react-app css-modules css3 expense-tracker functional-components functionalcomponents html5 jsx jsx-syntax npm react-components react-hooks reactjs todo todo-app tracker webapp website-development

Last synced: 07 Apr 2026

https://github.com/mahammad-mostafa/react-tutorial

This is the second project of the third module in Microverse program. It is an exercise tutorial created with React framework.

css-modules es6-javascript gitflow-workflow jsx microverse microverse-projects microverse-students react react-hooks react-router reactjs single-page-app webpack

Last synced: 13 Apr 2026

https://github.com/leonardospereira/to-do-list

An to-do app created with TypeScript and React

css-modules reactjs typescript vite

Last synced: 09 Feb 2026

https://github.com/ziin/rocketseat-ignite-react-challenge-01

The first challenge of the React specialization program from Rocketseat

css-modules react rocketseat typescript

Last synced: 13 Apr 2026

https://github.com/barata-ribeiro/dogs

Social network for dogs developed during the 'Complete React' course from Origamid.com. It uses the provided API developed by the teacher.

css-modules css-modules-react dogs react react-hooks react-router social-media social-network vite vitejs vitejs-react

Last synced: 13 Apr 2026

https://github.com/guntherkoo/nextjs

A Nextjs boilerplate with Redux and Express setup. Zeit/Now integration in place for production deployments.

boilerplate classnames classnames-loader css-modules expressjs next-sass nextjs nextjs-boilerplate reactjs redux zeit zeit-now zeit-now-integration

Last synced: 12 Mar 2025

https://github.com/MartinWebDev95/BasicDept

Frontend Practice challenge where i have recreated the BASIC/DEPT website using Astro and React.

astro css-modules frontend frontend-practice javascript reactjs vercel-deployment

Last synced: 24 Jun 2025

https://github.com/basmilius/website

The source code of my personal website. I've built this website with React, using the Next.js framework.

css-modules nextjs personal-website portfolio react scss

Last synced: 11 Apr 2026

https://github.com/arxchrono/newspaper

Newspaper Layout Demo

css-modules html reactjs typescript

Last synced: 13 Apr 2026

https://github.com/nathaniyell/space-tourism

A React Application built to give users access to latest information about the solar system as well as access to a crew of engineers from NASA and their details

array-manipulations css-modules javascript-es6 object-destructuring react-router-dom reactjs rest-api state-management

Last synced: 08 May 2026

https://github.com/codercreative/nps-app

National Park Service app using React and Vite

css-modules hooks nps-api react react-router usecallback useeffect

Last synced: 13 Apr 2026

https://github.com/najwer23/najwer23morsels

Design System - A comprehensive collection of React components for building consistent, scalable applications.

css-modules javascript javascript-package npm-package react rollup slider storybook textbox typescript vite

Last synced: 20 Jan 2026

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

A boilerplate used for large React projects

babel boilerplate css-modules es2015 postcss react webpack

Last synced: 13 Apr 2026

https://github.com/sarapmagcode/news-react

A modern news aggregation web app built with React and Vite, powered by NewsDataHub API. Features real-time news feed, search functionality, and a responsive UI.

css-modules cursor-pagination javascript news-aggregator news-api newsdatahub newsreader react react-router real-time vite web-application

Last synced: 09 Apr 2026

https://github.com/yogihafidh/worldwise

The WorldWise is a web app that helps you keep track of your adventures as you travel the world.

css-modules javascript leafletjs react-router reactjs single-page-applications tracking-application

Last synced: 08 Jan 2026

https://github.com/chocolateboy/element-scope-ids

Scope IDs to an element by rewriting them to be globally unique

aria css css-modules dom html html-modules id ids modular scope scoped wai-aria

Last synced: 05 Feb 2026

https://github.com/callmeskyy111/Investment-Calculator

An app which calculates all the investment and accounts over a year, in React_JS

css-modules css3 javascript react reactjs reactjs-components reactjs-hooks

Last synced: 08 May 2025

https://github.com/vermenea/scifeed

Health & science feed

css-modules react rest-api typescript

Last synced: 10 Apr 2026

https://github.com/bobbyquennell/react-arsenal

React Arsenal is a combination of reusable components that powered by CSS Modules and SCSS. Please take a live try through our documentation website.

css-modules react reusable-components scss ui-components webpack

Last synced: 07 Apr 2026

https://github.com/bartoszsdr/justashop-app

e-Commerce app using Fake Store API and React Hook Form with Firebase Authentication

css-modules fake-store-api firebase-auth react react-hook-form

Last synced: 13 Apr 2026

https://github.com/faiyazkhan024/multi-level-dropdowns

Multi-Level Dropdowns is a web application built with ViteJS, React, and TypeScript. The project demonstrates how to create multi-level dropdown menus using a CSS-only approach for the dropdown functionality. Styling is achieved through CSS Modules, ensuring modular and maintainable code.

css-modules rectjs

Last synced: 16 May 2026

https://github.com/snowfirewolf/tailwind-styled-map

Create styled components with tailwind css modules, minify class names.

css css-in-js css-modules react styled-components sx sx-prop tailwind tailwindcss typescript

Last synced: 05 Oct 2025

https://github.com/henrique1204/time-tracking-dashboard

Solução do desafio "Time-Tracking-Dashboard" do Frontend Mentor.

css-modules front-end frontend-mentor-challenge javascript jsdoc reactjs typescript

Last synced: 07 Apr 2026

https://github.com/batanoffs/mini-finance

Softuniada 2024 Programming Olympiad project submission. Finance web application with basic functionality to add friends, pay them and request money. Tracking history is also implemented.

ant-design css-modules finance-application react react-context react-router-dom transactions vite

Last synced: 13 Apr 2026

https://github.com/jonikanerva/express_react_template

SSR React + Express + TypeScript Template

css-modules expressjs jest react ssr typescript webpack

Last synced: 02 Apr 2026

https://github.com/deemon13/result-react-002-3-basic-calc

Small react-app of basic (addition and subtraction) operations of calculating integers

components create-react-app css css-modules editorconfig eslint html javascript jsx npx prettier react

Last synced: 07 Apr 2026

https://github.com/yk911/react-blended-1

Blended lessons

css-modules props react

Last synced: 08 Oct 2025

https://github.com/fudanfuhua/css-modules

css-modules 实践

css-modules

Last synced: 16 May 2026

https://github.com/fran-dv/memory-card

A memory game to practice react fundamental concepts

css-modules react typescript

Last synced: 05 May 2026

https://github.com/dussanfreire/worldwise

A world map that tracks your footsteps into every city you can think of. This project uses React, React-DOM, Leaflet, Vite, and CSS Modules.

css-modules react vite

Last synced: 06 Feb 2026

https://github.com/williamofsweden/daghouz.com

Personal website, built on the Jamstack architecture, using React, Gatsby, TypeScript, Three.js, and Contentful.

atomic-design canvas2d css-modules gatsby glsl jamstack react react-three-fiber threejs typescript webgl2

Last synced: 06 May 2025

CSS Modules Awesome Lists
CSS Modules Categories