Top 23 css-module Open-Source Projects

• front-end-guide

  2 15,082 0.0 JavaScript

  📚 Study guide and introduction to the modern front end stack.

  

• react-toolbox

  1 8,675 0.0 JavaScript

  A set of React components implementing Google's Material Design specification with the power of CSS Modules

  

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-flexbox-grid

  1 2,923 0.0 JavaScript

  A set of React components implementing flexboxgrid with the power of CSS Modules.

• babel-plugin-react-css-modules

  1 2,047 0.0 JavaScript

  Transforms styleName to className using compile time CSS module resolution.

• react-atomic-design

  8 1,730 0.0 JavaScript

  🔬 How the Atomic Design methodology can create a great design system from scratch and make better developers.

Project mention: Atomic design | /r/reactjs | 2023-06-17

https://github.com/danilowoz/react-atomic-design maybe this as an example

• postcss-modules

  2 1,564 0.0 JavaScript

  PostCSS plugin to use CSS Modules everywhere

• braid-design-system

  5 1,473 9.0 TypeScript

  Themeable design system for the SEEK Group

  

Project mention: Feeling lost on grokking large libraries | /r/node | 2023-06-13

I'm not trying to call a particular org or library out, because I think the ones I've been digging through (and prompted me to write this) are very high quality. It's vanilla-extract (a build-time CSS-in-JS library) and Braid Design System (built on vanilla-extract).

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• typed-css-modules

  2 987 9.1 TypeScript

  Creates .d.ts files from CSS Modules .css files

Project mention: How to write type-safe CSS Modules | dev.to | 2023-04-26

There are multiple ways to achieve this. For example, we could build a CSS to TypeScript definition extractor. However, to avoid re-inventing the wheel, we’ll leverage the open source package typed-css-modules. Let’s get to it!

• microsite

  5 879 0.0 TypeScript

  Do more with less JavaScript. Microsite is a smarter, performance-obsessed static site generator powered by Preact and Snowpack.

• react-native-style-tachyons

  1 681 3.3 TypeScript

  Better styling for React Native

  

• rollup-plugin-postcss

  3 672 0.0 JavaScript

  Seamless integration between Rollup and PostCSS.

• webpack-react-boilerplate

  1 396 0.0 JavaScript

  Minimal React 16 and Webpack 4 boilerplate with babel 7, using the new webpack-dev-server, react-hot-loader, CSS-Modules (by HashemKhalifa)

• react-native-css-modules

  1 318 2.7

  Style React Native components using CSS, PostCSS, Sass, Less or Stylus.

• css-modules-typescript-loader

  2 198 0.0 JavaScript

  Webpack loader to create TypeScript declarations for CSS Modules

  

• stylin

  2 180 7.5 TypeScript

  A built-time CSS library for styling React components.

• nextjs-components

  1 155 8.2 TypeScript

  A collection of React components, transcribed from https://vercel.com/design.

  

• esbuild-sass-plugin

  2 139 7.3 JavaScript

  esbuild plugin for sass

• static-next

  1 103 0.0 TypeScript

  Showcase NextJS rendering strategies and pros/cons

• esbuild-css-modules-plugin

  1 90 6.6 JavaScript

  A esbuild plugin to bundle css modules into js(x)/ts(x)

• 11tyby

  0 56 0.0 JavaScript

  Simple 11ty setup using TypeScript, SASS, Preact with partial hydration, and other useful things. Aims to provide the DX of Gatsby, but using 11ty!

• pwa-resources

  1 32 0.0 TypeScript

  A curated collection of resources for learning to build Progressive Web Apps 💪

  

• Behavior-Bind-Media

  1 31 0.0 SCSS

  Behavior css class bind query media can save tons of css code

• michijs

  0 29 8.5 TypeScript

  Web Components with TSX

  

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

css-modules related posts

• How to write type-safe CSS Modules
  2 projects | dev.to | 26 Apr 2023
• Is there CSS/HTML namespacing, scoping, and/or auto-prefixing?
  2 projects | /r/webdev | 14 Jun 2022
• What is the meaning of xs, md, lg in CSS Flexbox system?
  1 project | /r/codehunter | 29 Mar 2022
• Problem deploying Next js / Apollo app
  1 project | /r/Heroku | 3 Feb 2022
• I am trying to get into the habit of writing. I am sharing my second blog post (it is about JS promises), feedback would help me a lot.
  1 project | /r/learnprogramming | 14 Dec 2021
• Freak out! Showcasing Chic Modules 1.0 ✨ A Styled-like CSS-Modules API
  2 projects | dev.to | 25 Oct 2021
• Rebuilt my personal with NextJS! NextJS + Vercel + Git makes everything so easy!
  1 project | /r/nextjs | 12 Oct 2021
• A note from our sponsor - InfluxDB
  www.influxdata.com | 26 Apr 2024

  Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →

Index

Sponsored

The modern identity platform for B2B SaaS

The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

workos.com