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/annygutierrez/burger-builder

This is a web app that allows you to build your own burguer, and send a request.

axios css-modules firebase higher-order-component javascript reactjs

Last synced: 04 May 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/fran-dv/zorro-viejo

React + Supabase e-commerce (freelance project, open-sourced with permission)

css-modules e-commerce react supabase tanstack-query typescript zod zustand

Last synced: 08 Apr 2026

https://github.com/katochimoto/less-plugin-css-modules

A less plugin for css modules

css-modules less less-plugin

Last synced: 14 Apr 2026

https://github.com/iamgrid/openweathermap-forecast-viewer

OpenWeatherMap has a really lovely forecast API where you can see weather for the upcoming 5 day period in fantastic detail...

css-modules nextjs react tanstack-query typescript

Last synced: 03 Feb 2026

https://github.com/sicilianii/dashboard-monthlybudget

In this dashboard, you can keep a record of your monthly expenses

css-modules mobx react react-charts react-mobx

Last synced: 02 Jan 2026

https://github.com/feeldiac/js-react-foundations

Collection of interactive tools to explore some JavaScript concepts and APIs

css-modules dom-manipulation reactjs typescript

Last synced: 06 Apr 2025

https://github.com/andresfernandez89/profile-nextjs

Web profile project using Next.js, React, and TypeScript, equipped with tools for development, testing, and code formatting to ensure high code quality and maintainability.

css-modules jest nextjs react react-testing-library vercel

Last synced: 06 Jan 2026

https://github.com/talltotal/eslint-plugin-vue-style-tag

ESLint plugin to require Vue style tags with scoped or module attribute.

css-modules eslint-plugin scoped-css vue

Last synced: 06 Jan 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/ressuman/next-authentication

A robust authentication system built with Next.js and NextAuth.js. This application features user registration, login, and password management, all integrated with MongoDB for seamless data handling. The project showcases best practices in user authentication, including secure password hashing and session management.

api-client api-rest authentication bcryptjs css-modules html-css-javascript mongodb next-auth nextjs pages-router reactjs

Last synced: 08 Apr 2026

https://github.com/hareem-gohar/contact-us-page

This project is a simple contact form built using ReactJS, showcasing fundamental React concepts such as props, the useState hook, CSS Modules, a component-based structure, and dynamically displaying user-entered information on the UI. The form allows users to input their name, email, and message, and then displays this information on submission.

components-react css-modules hooks props reactsjs usestate-hook

Last synced: 07 Jan 2026

https://github.com/matheus369k/easybank-landing-page

A landing page é um site de uma empresa de financias, a aplicação e uma pagina única, sem muitas interações, contudo visando dar, uma boa experiencia para o usuário.

approuter css css-modules motion nextjs responsive-layout

Last synced: 08 Apr 2026

https://github.com/arxchrono/newspaper

Newspaper Layout Demo

css-modules html reactjs typescript

Last synced: 13 Apr 2026

https://github.com/krzysztofryszawy/react_travel_weather

App weather forecast for multi cities. Usage of OpenWeatherMap API by axios, additional data stored in local storage. {React.js, CSSModules, axios + local storage}

api axios css-modules jsx react

Last synced: 11 Apr 2026

https://github.com/newset/postcss-stylus

stylus syntax for postcss

css-modules postcss stylus

Last synced: 02 Jan 2026

https://github.com/andreyrvs/portfolio-blog

Meu Portfólio com blog usando next.js

css-modules github-api markdown nextjs react typescript

Last synced: 08 Apr 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/apennell/annies-component-lab

Component library for building reusable React components and displaying their use in a living style guide

css-modules documentation livingstyleguide react styleguide styleguidist

Last synced: 04 May 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/jak-weston/skilltree-website

Landing page for SkillTree: platform that gamifies workout tracking through an interactive skill tree system. Built with TypeScript and modern React practices.

css-modules fitness-app github-pages jest-testing progress-tracking react responsive-design skill-tree typescript user-authentication web-application web-vitals

Last synced: 08 May 2026

https://github.com/97-jeffrey/foodie-lover

A Next.js Application that makes foodies salivating....

css-modules javascript nextjs sqlite3

Last synced: 09 May 2026

https://github.com/imimran/world-ranks

Next.js project

css-modules nextjs reactjs

Last synced: 05 May 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/sodiqsanusi/uptick-movie-app

A submission for the Uptick Engineering Fellowship Technical Assessment

css-modules mobile-first reactjs tmdb-api

Last synced: 11 May 2026

https://github.com/vermenea/scifeed

Health & science feed

css-modules react rest-api typescript

Last synced: 10 Apr 2026

https://github.com/nazmus767921/easy-css-modules

A lightweight TypeScript utility designed to simplify the usage of CSS module classes.

css-helpers css-modules css-modules-typescript-loader npm-module npm-package

Last synced: 20 Jan 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/rubikuo/mdsimple

An React app focused on UX design by using SASS to mockup functions, styles, and measurement of TextField, Switch, Checkbox, RadioButto from Material Design

bem-css css-modules material-design material-ui reactjs scss ux-design

Last synced: 12 Apr 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/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/mahammad-mostafa/book-store

This is the third project of the third module in the Microverse program. It implement Redux toolkit with ReactJS app.

axios css-modules es6-javascript jsx microverse microverse-projects microverse-students react react-hooks react-redux react-router redux redux-thunk redux-toolkit responsive-layout single-page-app

Last synced: 12 Apr 2026

https://github.com/luiizsilverio/next-quiz

Jogo de perguntas e respostas desenvolvido em React + Next

css-modules nextjs react typescript

Last synced: 05 May 2026

https://github.com/ignag-dev/appclima-react-ts-api

Pagina web para consultar el clima que trabaja con React, TS, CSS Modules y más

api css-modules hooks react typescript usestate vite

Last synced: 21 Mar 2025

https://github.com/bohdanmoroziuk/responsive-table

Fully responsive table built with Inferno.js and CSS Modules.

css-modules infernojs responsive-table

Last synced: 19 Apr 2026

https://github.com/stephan-evers/babel-plugin-transform-styl-modules

Transforms "styl" tagged template literals into css modules.

babel css-modules postcss stylus template-literals

Last synced: 20 Jan 2026

https://github.com/shah7014/react-kbc-quiz

This is a kbc like quiz game created with react

css-modules flexbox kbc-game quiz react

Last synced: 02 May 2026

https://github.com/supernovasatsangi23/user-authentication-react-app

This is react.js app project that focuses on exploring the basics of user authentication implementation using varous react-hooks.

application authentication create-react-app css css-modules css3 functional-components html5 jsx jsx-syntax npm react react-hooks reactjs user-interface webapp

Last synced: 08 Apr 2026

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

Blended lessons

css-modules props react

Last synced: 08 Oct 2025

https://github.com/skyybbanerjee/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: 24 Feb 2025

https://github.com/katelim215/goit-react-hw-02-phonebook

React Homework 2 - Phonebook Live Page

css-modules prop-types reactjs

Last synced: 25 Jan 2026

https://github.com/jonatandb/mipresion

Registro de presión sanguínea por Jonatandb

blood-pressure-tracker css css-modules html javascript jonatandb react typescript vite

Last synced: 08 Apr 2026

https://github.com/turskyi/nextjs_gpt3

Politer AI is a web app that uses GPT-3.5, a powerful AI model, to make messages more polite and friendly.

css-modules eslint nextjs openai prettier typescript vercel

Last synced: 08 Apr 2026

https://github.com/nerooc/burger-builder

Real world Burger-Builder React application

burger-builder css-modules react

Last synced: 12 Apr 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/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/luc-ribeiro/dogs-next

A social network project for dogs, developed with Next.js 14.

css-modules nextjs react

Last synced: 06 Jan 2026

https://github.com/stefrapis/cocktail_parade

A parade of cocktail's recipes fetched through an external API.

css-modules javascript reactjs sass styled-components

Last synced: 14 Apr 2026

https://github.com/dimakol/react-word-game-app

A 5-letter word validation game

css-modules react tanstack-query typescript vite

Last synced: 05 May 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/henrique1204/aluroni-perfomance

Projeto criado dentro do curso sobre perfomance no React da Alura.

alura css-modules react sass typescript

Last synced: 05 May 2026

https://github.com/adaam2/deliveroo-test

Deliveroo's front end take home test 🍔🍕🍝

css-modules docker-compose razzle react ssr storybook typescript

Last synced: 14 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/appzic/bootstrap-css-modules

Bootstrap made easy with CSS modules for modular, scoped styling in your web applications

bootstrap css css-framework css-modules typescript

Last synced: 17 Feb 2026

https://github.com/satiewaltz/simply-react

A deadsimple-to-use React boilerplate with React-Hot-Loader. :rocket:

boilerplate css-modules es6 es7 jest normalize react react-boilerplate react-hot-loader-v4 webpack4

Last synced: 14 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/luciana-pereira/record-management

Este projeto consiste em um site e-commerce de roupas🛍️. Desafio proposto durante o bootcamp HiringCoders.

axios-react css-modules express jest-tests mongodb react-redux react-router reactjs

Last synced: 14 Apr 2026

https://github.com/emeraldknight-sp/next-marvel-ultimate-guide

Este é um projeto desenvolvido com o framework Next, utilizando CSS Modules e o consumo de APIs para representar em tela os dados que serão resgatados pelas requisições.

axios axios-nextjs css-modules eslint husky husky-hooks lint-staged md5-hash nextjs prettier prettier-eslint react typescript

Last synced: 14 Apr 2026

https://github.com/gabrielseco/timers

Countdowns to get my salary

css-modules react webpack

Last synced: 30 Apr 2026

https://github.com/iamvikash28/photo-folio

A sleek React + Firebase photo album app to organize, browse, and manage your memories.

carousel css-modules firebase frontend image-management photo-album photo-app photo-gallery react react-components webapp

Last synced: 14 Apr 2026

https://github.com/adrgautier/cascade

A better way to manipulate class names in React with support for Tailwind and CSS Modules.

classnames css css-modules react taillwindcss

Last synced: 31 May 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

CSS Modules Awesome Lists
CSS Modules Categories