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/marianapatcosta/meetups-app-nextjs-course

Meetup App developed during a complete NextJS course , with File-based routing, api routes, static build generator, server-side rendering, authentication

css-modules javascript next-auth nextjs react rest-api server-side-rendering static-site-generator web

Last synced: 04 May 2026

https://github.com/jimmylv/spike.atomic-design-with-react

To investigate Atomic Design with @ReactJS

create-react-app css-modules mobx react webpack

Last synced: 05 May 2026

https://github.com/dresandev/mdx-blog

Blog simple con nextjs 13 (app router) y mdx

app-router blog css-modules mdx nextjs13 react

Last synced: 05 May 2026

https://github.com/nangazaki/rocketseat-challenges

This repository contains the challenges of the Ignite course on Rocketseat's React Trail.

context-api css-modules javascript react-hook-form react-hooks react-router-dom recatjs styled-components typescript

Last synced: 05 May 2026

https://github.com/kingvid-chan/css-id-replace-loader

Another solution to CSS Module

css-modules loader webpack

Last synced: 05 May 2026

https://github.com/miro-wq/react-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: 05 May 2026

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

React, TypeScript, ToDo

css-modules react react-transition scss typescript

Last synced: 06 May 2026

https://github.com/ariaminaei/compose-classes

A small utility function to make react components that use css modules to have extensible styles.

css-modules react

Last synced: 07 May 2026

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

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

babel babel-plugin css-modules umi

Last synced: 08 May 2026

https://github.com/sksuryan/react-snowpack-template

A simple react snowpack template

css-modules javascript react snowpack

Last synced: 09 May 2026

https://github.com/nkanigsberg/e-commerce-app

Work In Progress e-commerce app built using React, React Router, React Redux, SCSS, and CSS Modules

css-modules ecommerce react react-redux react-router scss

Last synced: 12 Apr 2026

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

A practice project React, working on multi-page SPA with React Router.

css-modules javascript react react-router

Last synced: 06 Jan 2026

https://github.com/viniski/realmadryt.pl-by-viniski-frontend

[Legacy project] Front-end of fullstack application written using React.js. Please be patient while the page loads ;)

css-modules front-end full-stack mern-project node-mailer react-hooks react-project react-router reactjs

Last synced: 02 May 2026

https://github.com/natcurti/alura-trato-tech

Trato-tech - Projeto construído ao longo da formação de Redux da Alura.

css-modules middlewares react redux redux-saga redux-thunk redux-toolkit sass

Last synced: 06 Jan 2026

https://github.com/gablsl/weather-app

Application that, through the name, searches for the weather in a city

css-modules css-modules-react css3 external-api html5 vitejs weather-app

Last synced: 10 Apr 2026

https://github.com/diffcunha/css-manifest-require-hook

Require hook to load CSS Modules JSON manifest for server side rendering

css-modules json manifest require server-side-rendering

Last synced: 02 May 2026

https://github.com/spacenectar/builda-app

A generator to build your next web project

css css-modules generator hacktoberfest node npx react sass storybook styleguide

Last synced: 10 Apr 2026

https://github.com/ressuman/next-full-blog-posts-project

A full-featured blog application built with Next.js 14, featuring dynamic routing, markdown support, and a responsive UI. Users can view and manage blog posts, navigate through a user-friendly interface, and send messages via a contact form. It demonstrates modern web development practices, including server-side rendering and reusable components.

css-modules fetch-api gray-matter html-css-javascript markdown-to-html mongodb nextjs nodejs reactjs

Last synced: 10 Apr 2026

https://github.com/joschonarth/react-todo-list

✔️ A ToDo List application built with React, TypeScript, and Vite.

css-modules eslint phosphor-react react todo-list typescript vite

Last synced: 10 Apr 2026

https://github.com/mahammad-mostafa/redux-cart-tutorial

This is the fourth project of the third module in Microverse program. It is an exercise tutorial to practice Redux toolkit with React framework.

css-modules es6-javascript jsx microverse microverse-students react-hooks reactjs redux-thunk redux-toolkit resposive-layout single-page-app

Last synced: 09 Apr 2026

https://github.com/akhand55/portfolio

This is my GitHub portfolio. Welcome! I'm enthusiastic about investigating the newest developments in contemporary tech stacks and creating dependable, scalable web applications. I use this area to share my open-source contributions, personal projects, and technological experimentation.

css css-modules html-css-javascript html5 javascript

Last synced: 10 Apr 2026

https://github.com/aaronmasm/weather-app

A React application that fetches and displays weather information for cities based on selected countries.

css-modules openweather-api react typescript vite zod

Last synced: 09 Apr 2026

https://github.com/filipealvess/zaplink

Gerador de link para WhatsApp

css-modules nextjs reactjs

Last synced: 09 Apr 2026

https://github.com/sahilaujla/user-list-maker

Make a beautiful user list of your users with default error handling and a beautiful UI.

css css-modules html javascript react reactjs

Last synced: 09 Apr 2026

https://github.com/henrique0498/dogs-next

Uma rede social para cachorros.

css css-modules nextjs nextjs14 react typescript

Last synced: 06 Jan 2026

https://github.com/emersoncarneirodasilva/minhas-tarefas

Minhas Tarefas é um app que possibilita o usuário em fazer anotações de suas tarefas diárias.

css-modules firebase getserversideprops getstaticprops next-auth nextjs react-icons tarefas typescript

Last synced: 09 Apr 2026

https://github.com/mellcosta/ignite-feed

Ignite feed é um projeto simples que simula o feed das redes sociais, com funcionalidades de comentários, likes e apagar comentário.

css-modules ignite-feed ignite-rocketseat javascript phosphor-react reactjs vitejs

Last synced: 09 Apr 2026

https://github.com/krzysztofryszawy/react_starwarsflirt

sample usage of StarWars API (React.js, CSSModules, axios{Multiple concurrent requests}, Composition model)

axios css-modules firebase jsx react-components reactjs

Last synced: 12 Apr 2026

https://github.com/teagucordeiro/todo

📝 First challenge of Rockseat's React.js course: a to-do list.

css-modules javascript react rockseat typescript

Last synced: 06 Jan 2026

https://github.com/yarzik7/ape-nft

Lending page for Ape NFT

css-modules javascript nextjs reactjs swiperjs

Last synced: 11 Apr 2026

https://github.com/ressuman/next-events-handler-project

This application allows users to explore, search for, and view details of various events. Built with the Pages Router, the app features a modular design, reusable components, and CSS Modules for styling. Users can search events by date, view event details, and it integrates dynamic routing, and supports error handling for a seamless user experience

css-modules dynamic-routing html-css-javascript nextjs pages-router reactjs

Last synced: 06 Jan 2026

https://github.com/abimh66/worldwise

Worldwise App is web application designed for users to track cities they have visited by clicking on a map and adding notes to each city.

css-modules leaflet react-router reactjs

Last synced: 06 Jan 2026

https://github.com/sufiyan33/learning-css

I have started learning of css, let's connect to explore on css..

css css-framework css-modules html-css markup markup-language

Last synced: 02 May 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/larsnystrom/module-style

Declarative way to specify module-css with React.

css css-modules react

Last synced: 09 Apr 2026

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/pedrinvits/githubfinder

Buscador de usuarios usando API do GitHub

css-modules reactjs typescript

Last synced: 02 May 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/nicolasomar/next-practice

Repository created to record my practice learning NextJs

css-modules javascript nextjs practice-project react typescript udemy

Last synced: 09 Apr 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/stan4real/ryadom

website project( desktop+adaptive)

css-modules react typescript

Last synced: 02 Feb 2026

https://github.com/pgm-benobira/pgm-platform

Platform for the Programming Graduate made with React, linked to Hygraph (GraphCMS) for the content.

css-modules hygraph react react-router seo

Last synced: 03 May 2026

https://github.com/seancodes/ember-css-modules-less

An ember-css-modules plugin that configures the build pipeline for use with Less

css-modules ember ember-addon emberjs less

Last synced: 19 Feb 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/sergeykazarinov/armaggedon-next-js

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

api css-modules flexbox grid-layout nextjs nodejs react

Last synced: 12 Apr 2026

https://github.com/marinakinalone/sailor-moon-quote-machine

A random quote machine with a Sailor Moon theme

css-modules next react sass vercel

Last synced: 09 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/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/clara-pacheco/ignite_feed_typescript

Desenvolvimento de uma aplicação 'Feed' visando a prática dos conceitos de componentes, propriedades e estilização dentro do React + Typescript

application components css-modules css-modules-react feed front-end-development frontend hooks properties reactjs render rendering rocketseat rocketseat-ignite typescript

Last synced: 09 Apr 2026

https://github.com/daxter-army/home-server

A multimedia home server, which enables you to watch your favorite media stored on your PC, on your local network.

css-modules expressjs nodejs react-transition-group reactjs redux redux-thunk restful-api

Last synced: 09 Apr 2026

https://github.com/bodiali/shopping-cart

Explore a vast collection of games with detailed data, descriptions, and cover images

css-modules react react-router splide testing-library-react vite vitest

Last synced: 13 Feb 2026

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-force-graph

Dragable and zoomable force directed graph created with d3v4

css-modules d3 d3v4 dynamic-import force-directed-graphs

Last synced: 09 May 2026

https://github.com/budarin/ts-css-loader

Webpack loader to generate typescript definitions for css-modules for isomorphic apps

css-modules isomorphic-applications style-loader typescript webpack-loader

Last synced: 03 May 2026

https://github.com/maiquinho/ignite-feed

Ignite Feed (Project 01 - Trail 2022 | Rocketseat)

css-modules ignite-feed react reactjs rocketseat

Last synced: 11 Apr 2026

https://github.com/flaviomdutra/web-feed

Feed Forum is a React-based project designed to provide hands-on experience with CSS Modules.

css-modules reactjs vite

Last synced: 20 Jan 2026

https://github.com/junaidhassan19/html-css-course

The repository contains HTML and CSS files aimed at providing a course or tutorial on these technologies. It is predominantly composed of HTML (73.4%) and CSS (26.6%).

css-animations css-animations- css-flexbox css-grid css-grid-layout css-modules css3 hover-effects html5

Last synced: 19 May 2026

https://github.com/abdullahrfa/css

CSS is a core web technology used to style and layout web pages. It controls the design, including colors, fonts, spacing, and responsiveness, making websites visually appealing and user-friendly. This repository highlights CSS examples and projects, showcasing how it transforms basic HTML into beautiful, interactive, and responsive designs.

css-animations css-flexbox css-grid css-grid-layout css-modules css3

Last synced: 22 May 2026

https://github.com/nikodiaz/gruvbox_portfolio

Este repositorio contiene el código fuente de mi portafolio personal, donde destaco mis proyectos, experiencia profesional, y enlaces a mis redes sociales.

css-modules reactjs typescript

Last synced: 06 Jan 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/jakegodsall/fm-devjobs-web-app

Solution to the Devjobs Web App Frontend Mentor challenge

css-modules frontend-mentor nextjs reactjs

Last synced: 12 Sep 2025

CSS Modules Awesome Lists
CSS Modules Categories