awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
gajus avatar

gajus/react-css-modules

0
View on GitHub↗

React Css Modules

This project is a utility and integration layer for mapping scoped CSS module identifiers to React components. It functions as a wrapper and style manager that translates class names into unique local identifiers to prevent style leakage across an application.

The system includes a composition tool for merging multiple CSS module identifiers on single elements and an integration layer that connects SASS, SCSS, and LESS preprocessed style maps to component markup.

It covers component styling through encapsulated style mapping and the distribution of styles to child elements. The library also supports the extension of default style mappings to customize the visual appearance of components.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Features

  • CSS Modules - Connects locally scoped CSS module identifiers to React components to prevent style leakage.
  • Class Name Compositions - Provides utilities to merge multiple CSS module class names on a single element.
  • Component Style Customizations - Allows overriding or extending default component styles to customize the visual appearance of UI elements.
  • CSS Module Resolvers - Maps scoped CSS module class names to elements within React components.
  • Composition Utilities - Ships a mechanism for merging multiple CSS module identifiers and overriding default styles on elements.
  • Scoped CSS Modules - Translates CSS module class names into unique identifiers to prevent style leakage across components.
  • Style Encapsulations - Assigns specific styles to individual components to ensure visual properties remain private.
  • Style Resolution Mapping - Connects style maps to components so that class names in markup resolve to locally scoped identifiers.
  • Identifier Composition - Enables merging multiple CSS module identifiers on a single element to combine style rules.
  • Scoped Style Generators - Generates unique class names to isolate styles to specific components and prevent conflicts.
  • Component Style Overrides - Allows users to overwrite or expand default style mappings to customize component appearance.
  • CSS Preprocessor Integrations - Integrates SASS, SCSS, and LESS preprocessors into the component styling workflow via a loader chain.
  • Style Distribution Mechanisms - Provides a mechanism to transfer style mappings to nested elements or loop-generated components.
  • CSS in JS Libraries - CSS Modules integration for React components.
5,170 stars·213 forks·JavaScript·16 views

Star history

Star history chart for gajus/react-css-modulesStar history chart for gajus/react-css-modules

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Frequently asked questions

What does gajus/react-css-modules do?

This project is a utility and integration layer for mapping scoped CSS module identifiers to React components. It functions as a wrapper and style manager that translates class names into unique local identifiers to prevent style leakage across an application.

What are the main features of gajus/react-css-modules?

The main features of gajus/react-css-modules are: CSS Modules, Class Name Compositions, Component Style Customizations, CSS Module Resolvers, Composition Utilities, Scoped CSS Modules, Style Encapsulations, Style Resolution Mapping.

Which projects share features with gajus/react-css-modules?

Projects with overlapping indexed features include: webpack/css-loader — css-loader is a Webpack module that transforms CSS files into JavaScript modules and resolves their internal… callstack/linaria — Linaria is a zero-runtime CSS-in-JS library and static CSS generator. It evaluates JavaScript expressions at build… zeit/styled-jsx — styled-jsx is a CSS-in-JS library and scoped CSS engine that allows for writing CSS directly within JavaScript… styled-components/styled-components — styled-components is a CSS-in-JS styling library and tool for React components. It provides a cross-platform UI… jedwatson/classnames — classnames is a JavaScript utility for conditionally joining CSS class names into a single space-separated string. It… vercel/styled-jsx — styled-jsx is a CSS-in-JS library and styling framework for JSX components. It functions as a scoped CSS engine that…

Projects sharing features with React Css Modules

These projects share indexed features with React Css Modules. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • webpack/css-loaderwebpack avatar

    webpack/css-loader

    4,322View on GitHub↗

    css-loader is a Webpack module that transforms CSS files into JavaScript modules and resolves their internal dependencies during the bundling process. It acts as a CSS asset resolver, translating import rules and url functions into module identifiers to integrate stylesheets into a dependency graph. The project implements CSS Modules to prevent global style collisions by scoping class and ID selectors locally with unique identifiers. It includes a system for Interoperable CSS (ICSS), enabling the sharing and composition of styles across different classes and modules through reusable value dec

    JavaScript
    View on GitHub↗4,322
  • callstack/linariacallstack avatar

    callstack/linaria

    12,335View on GitHub↗

    Linaria is a zero-runtime CSS-in-JS library and static CSS generator. It evaluates JavaScript expressions at build time to extract styles from tagged template literals into standalone, static CSS files, removing the need for a runtime style injection engine. The library distinguishes itself by mapping component props to CSS custom properties, enabling dynamic styling and runtime property updates without regenerating stylesheets. It utilizes a build-time evaluation engine to resolve interpolations and a hashing system to generate scoped class names that prevent style collisions. The project c

    TypeScript
    View on GitHub↗12,335
  • zeit/styled-jsxzeit avatar

    zeit/styled-jsx

    7,785View on GitHub↗

    styled-jsx is a CSS-in-JS library and scoped CSS engine that allows for writing CSS directly within JavaScript components using template literals. It serves as a JSX styling solution that integrates CSS into elements while preventing style leakage through a scoping mechanism. The project differentiates itself by providing a server-side rendering CSS manager that extracts and injects styles during the rendering process to prevent flicker and duplicate rules. It also supports dynamic style binding, which allows CSS values to be bound to component state through template interpolation to update v

    JavaScript
    View on GitHub↗7,785
  • styled-components/styled-componentsstyled-components avatar

    styled-components/styled-components

    41,094View on GitHub↗

    styled-components is a CSS-in-JS styling library and tool for React components. It provides a cross-platform UI styling API and a dynamic theme management system to maintain consistent design tokens and encapsulate visual logic, preventing global scope conflicts. The library utilizes a unified interface that works across both web environments and native mobile frameworks. It enables the definition of styles using JavaScript and TypeScript template literals, allowing CSS to be bound directly to components. The system supports dynamic prop-based styling, style inheritance, and the creation of

    TypeScriptcsscss-in-jsreact
    View on GitHub↗41,094
    • Compare all 30 related projects→