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/kartikeya18-srivastava/netflix-clone

🎬 A responsive front-end clone of Netflix India built using HTML and CSS. Includes a modern hero section, TV playback animation, and mobile-friendly layout.

css-flexbox css-modules html5

Last synced: 18 Jun 2025

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: 28 Dec 2025

https://github.com/phatnguyenuit/calendar-view

Weekly exercises training with the calendar layout and feature drag-and-drop to manage exercises and workout containers

calendar calendar-view css-modules react-beautiful-dnd reactjs

Last synced: 22 Nov 2025

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

A memory game to practice react fundamental concepts

css-modules react typescript

Last synced: 17 Jun 2025

https://github.com/michalzagrodzki/gatsby-react-test

Test site created using Gatsby and React

css-modules gatsby javascript netlify react sample-project

Last synced: 19 Oct 2025

https://github.com/thorezns/planowanieroczne-nextlevel

Planowanie Roczne-Next Level is a calculator created for a team from a cosmetics company.

css-modules github-pages javascript react

Last synced: 07 May 2025

https://github.com/henrique1204/dogs-nextjs

Projeto final do curso de NextJS da Origamid.

css-modules nextjs14 origamid reactjs typescript

Last synced: 15 Jun 2025

https://github.com/ressuman/meals-foodie-all-foods-project

Meals Project is a Next.js application for discovering, sharing, and exploring meal recipes. With features like browsing meals, viewing detailed recipes, and submitting new dishes, it offers a user-friendly experience, built with React, and integrated with AWS S3 for image storage, it also leverages a SQLite database for managing meal data.

aws-s3 css-modules environment-variables nextjs14 nodejs reactjs sqlite sqlite3 supabase-db

Last synced: 24 Jan 2026

https://github.com/stan4real/ryadom

website project( desktop+adaptive)

css-modules react typescript

Last synced: 18 Jun 2025

https://github.com/mitol5549/goal

React app with Styled Components and CSS Modules from the course "React - The Complete Guide (by Maximilian Schwarzmüller)"

css css-modules javascript js react styled-components

Last synced: 30 Dec 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: 30 Dec 2025

https://github.com/ikcede/nextjs-jest-mui-starter

Scaffolding NextJS App Router projects with Jest and MUI

app-router-nextjs css-modules eslint jest mui mui-icons nextjs prettier template typescript

Last synced: 02 Jan 2026

https://github.com/bobbyquennell/reactkatas

a simple example of react project with Redux, CSS Modules, Thunk, SASS, Jest, etc.

babel css-modules enzyme jest react react-router-v4 redux sass webpack

Last synced: 18 Mar 2025

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: 03 Jul 2025

https://github.com/dastan64/pomodoro-timer

Простой таймер по технике Pomodoro

css-modules react redux-toolkit

Last synced: 30 Mar 2025

https://github.com/kamilajesus/alura_studies

Ferramenta para organizar tarefas.

css-modules react sass typescript

Last synced: 03 Jul 2025

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/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/elizabeth-dev/resume

My personal resume, made with React.js

css-modules cv react

Last synced: 01 Apr 2025

https://github.com/hello-arth/react-stock

A simple single-page application (SPA) built with React to manage inventory items

bootstrap css-modules javascript react react-router-dom

Last synced: 03 Jul 2025

https://github.com/arxchrono/newspaper

Newspaper Layout Demo

css-modules html reactjs typescript

Last synced: 01 Apr 2025

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: 12 Apr 2025

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

https://github.com/mirzaianov/test-get-cat

An app that fetches cats from an API endpoint and renders them as a card

css-modules react test-project

Last synced: 11 Apr 2025

https://github.com/snghrsw/sandbox

YOU PLAY WITH THE CARDS YOU'RE DEALT, WHATEVER THAT MEANS... Oo｡.(・´`(●)

css-modules dart flutter hubot intel-edison isomorphic nodejs objective-c phoenix react react-native react-redux redux sketch typescript webpack

Last synced: 30 Dec 2025

https://github.com/henrique1204/dashboard-arch-office

Teste de front-end proposto pela empresa ArcH Office para vaga de estágio.

css-modules es6 font-awesome javascript react-router-dom reactjs vercel

Last synced: 08 Apr 2025

https://github.com/lucasbailo/affonseca

My first React project for a real company. It's also my second freelance work contract.

css-modules freelance react

Last synced: 05 Apr 2025

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: 19 Jul 2025

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: 08 Apr 2025

https://github.com/just-boris/kinda-ui-lib

an example how to organize ui library

css-modules example rollup

Last synced: 11 Apr 2025

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: 28 Mar 2025

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/annaindistress/frontend-mentor-space-tourism-website

This is a solution to the space tourism website challenge on Frontend Mentor

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

Last synced: 18 Mar 2025

https://github.com/filipamarta/students-app-crud

I developed a responsive web application for an interview challenge, enabling the management of students and classes with features to add, delete, and edit entries (CRUD).

css-modules eslint formik localstorage material-ui react typescript vite yup

Last synced: 01 Apr 2025

https://github.com/batanoffs/responsive-form

Simple login form with data fetching displayed in a table after successful login from StarWars API

axios css-modules react typescript vite

Last synced: 01 Apr 2025

https://github.com/kirill3333/jsnn7

Slides about Styled components from JSNN7

css css-modules react styled-components

Last synced: 26 Mar 2025

https://github.com/lotfullah21/html-css

This repository contains HTML and CSS files showcasing various web development projects, including layouts, designs, and styles.

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

Last synced: 01 Apr 2025

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: 27 Nov 2025

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: 25 Mar 2025

https://github.com/terkasm/tag-cloud

Cvičení pro kurz React 2

css-modules react typescript

Last synced: 09 Apr 2025

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/thk2b/react-redux-theming

A basic proof-of-concept for theming react-redux apps using css modules and css variables.

css css-modules css-variables react redux theming theming-boilerplate

Last synced: 24 Oct 2025

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/k-stopczynska/inflation-app

React application for planning shopping and controling prices. Utilizing state, contextAPI, useEffect, portals as well as localStorage. With theme switch.

css-flexbox css-modules prettier react react-hooks webpack5

Last synced: 25 Mar 2025

https://github.com/chen-abudi/mini-counter-value

This a practice project in React, showcasing a mini counter value.

css-modules javascript react redux redux-toolkit

Last synced: 12 Jun 2025

https://github.com/viktor-yakubiv/rehype-css-modules

Plugin for resolving CSS Modules in the rehype syntax tree

css css-modules rehype-plugin style

Last synced: 04 Apr 2025

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/n-shar-ma/land-or-water

My first React project, a simple guessing game, using functional components, react router and CSS modules, and involving local storage and fetching from an API

css-modules react react-router

Last synced: 03 Apr 2025

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/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: 10 Mar 2025

https://github.com/mrzamin/bookstore

A frontend-based e-commerce bookstore built with React

context-api css-modules react-router single-page-app

Last synced: 15 Jun 2025

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: 28 Feb 2025

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 Jan 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: 30 Dec 2025

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: 28 Feb 2025

https://github.com/mahammad-mostafa/rank-math-wallet

That is a test project done for Rank Math. It is a simple crypto wallet page built using React & Sass.

css-flexbox css-modules css3 dark-theme es6-javascript eslint jsx light-theme react react-components reactjs responsive-layout sass state-management stylelint-scss webhint

Last synced: 07 Jan 2026

https://github.com/annaindistress/frontend-mentor-interactive-comments-section

This is a solution to the interactive comments section challenge on Frontend Mentor

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

Last synced: 07 Aug 2025

https://github.com/kenmarcos/todo-list-front-rs

Aplicação front-end de gerenciamento de tarefas. Desafio da formação de React.js da Rocketseat.

css-modules react typescript vite

Last synced: 07 Jan 2026

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

One of my most personal projects. Something between an interactive diary and a video game. In Frenglish.

css-modules firebase-storage nextjs sass typescript

Last synced: 19 Jul 2025

https://github.com/marinakinalone/la-la-dance

A fun questionnaire to find your social dance type

css-modules nextjs react react-bootstrap sass typescript

Last synced: 30 Dec 2025

https://github.com/ressuman/user-posts-project

This project is a simple React-based application for posting messages with an author and body. It provides a user-friendly interface to create, display, and manage posts. The application also integrates with a backend server for storing and retrieving posts. It also provides a RESTful API to store, retrieve, and manage posts.

axios css-modules environment-variables express react react-router vite

Last synced: 07 Jan 2026

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

React Homework 3 - Phonebook Live Page

css-modules localstorage prop-types reactjs

Last synced: 04 Jul 2025

https://github.com/samuel-amaro/app-web-faturamento

Projeto de estudo, para aprendizado de tecnologias relacionados ao front-end, aplicativo web de faturamento, o usuário pode criar, excluir, visualizar e mudar status de faturas ou cobranças.

client-components context-api css-modules localstorage nextjs13 react reducers typescript

Last synced: 30 Dec 2025

https://github.com/gustavcunha/nlwheat-frontend

Front-end web da aplicação utilizando ReactJS. Além disso, criaremos nosso projeto utilizando o Vite, uma ferramenta extremamente performática, TypeScript e CSS modules. Vamos construir toda interface da aplicação do zero com Flexbox e Grid System, além de criar animações utilizando Framer Motion.

css-modules framer-motion reactjs typescript vite

Last synced: 30 Dec 2025

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: 27 Mar 2025

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: 18 Mar 2025

https://github.com/cmachu/lightsaber

With lightsaber, you can present your skills with easy way. Simple - it's skill bar based only on CSS.

css css-animations css-framework css-modules css3 css3-animations lightsaber lightweight scss scss-framework scss-library scss-mixin scss-mixins scss-styles scss-template webdesign

Last synced: 20 Jan 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: 30 Dec 2025

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

An to-do app created with TypeScript and React

css-modules reactjs typescript vite

Last synced: 13 Aug 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: 30 Dec 2025

CSS Modules Awesome Lists
CSS Modules Categories