Top 23 PostCSS Open-Source Projects

• Tailwind CSS

  119 40,085 9.6 CSS

  A utility-first CSS framework for rapid UI development.

  

  Project mention: Quoi de neuf dans Laravel 8 ? | dev.to | 2021-04-19

• styled-components

  16 33,257 7.8 JavaScript

  Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

  

  Project mention: bURL: A tiny web app for breaking down URLs | dev.to | 2021-04-19

  I'm thinking of quickly patching up the UI using a React component library like Ant Design or React Bootstrap. Then later we could go completely custom by using our own CSS. For CSS in a React app, I think a CSS-in-JS solution provides a good dev experience. So I'm thinking styled-components.

• Scout APM

  Sponsored scoutapm.com

  Scout APM - Leading-edge performance monitoring starting at $39/month. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

• PostCSS

  15 24,389 9.3 TypeScript

  Transforming styles with JS plugins

  

  Project mention: How to enable Tailwind JIT compilation mode in your Angular project. | dev.to | 2021-04-08

  People really started liking Tailwind and using it with other frameworks was so easy. But in the case of Angular, it was a different story. Tailwind is a PostCSS plugin, so to make it work, we need access to the PostCSS configuration where we can specify tailwind in the plugins list. Even though Angular uses PostCSS, it didn't expose the bundler config file making it difficult to use Tailwind in Angular.

• emotion

  5 12,843 8.5 JavaScript

  👩‍🎤 CSS-in-JS library designed for high performance style composition

  

  Project mention: Can I have V8 with built-in JSX? | reddit.com/r/react | 2021-04-10

  There are a lot of useful libraries, that wrap the jsx-function to define additional behaviour without needing to reimplement react or jsx. Emption is one such example (here's the code). You'd loose these

• uncss

  2 9,067 2.0 JavaScript

  Remove unused styles from CSS

  

  Project mention: Any tool the will scan HTML and css and show unused css rules? | reddit.com/r/css | 2021-02-15

  Also UnCSS.

• stylelint

  6 8,652 9.2 JavaScript

  

  Project mention: An amazing template for your React application | dev.to | 2021-04-12

  To lint css code, stylelint is used. The linter checks your code for typos and spelling mistakes. To run the linter, you can use yarn lint:css script

• Radium

  0 7,402 3.8 JavaScript

  A toolchain for React component styling.

  

• linaria

  7 6,995 7.1 TypeScript

  Zero-runtime CSS in JS library

  

  Project mention: Why I moved from Styled Components to (S)CSS modules | dev.to | 2021-04-15

  In future, I might try out libraries like Linaria which, during coding have the exact same API as styled-components, but the runtime is completely removed on build and the CSS is extracted into separate CSS files, which is super DOPE!!! 🤓

• JSS

  1 6,281 7.7 JavaScript

  JSS is an authoring tool for CSS which uses JavaScript as a host language.

  

  Project mention: Uso do Styled Components no React | dev.to | 2021-04-14

  JSS

• styled-jsx

  8 6,223 5.0 JavaScript

  Full CSS support for JSX without compromises

  

  Project mention: Trying to implement language injection for template literals: CSS inside of ` ` | reddit.com/r/Atom | 2021-03-31

  https://github.com/vercel/styled-jsx#syntax-highlighting

• awesome-tailwindcss

  10 6,052 8.2

  😎 Awesome things related to Tailwind CSS

  

  Project mention: Increase tailwind development efficiency | reddit.com/r/tailwindcss | 2021-02-27

  Awesome Tailwind

• React CSS Modules

  0 5,200 0.0 JavaScript

  Seamless mapping of class names to CSS modules inside of React components.

• Aphrodite

  2 5,186 0.7 JavaScript

  Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation

  

  Project mention: Share variables between JavaScript and CSS | dev.to | 2021-02-28

  I've already mentioned Emotion, but other CSS-in-JS libraries to check out include Styled Components, JSS, Theme-UI, Radium, and Aprhodite.

• cssnano

  4 3,771 6.8 CSS

  A modular minifier, built on top of the PostCSS ecosystem.

  

  Project mention: How to use 'CSSNANO' in Gulp | dev.to | 2021-04-16

  CSSNANO

• Neutrino

  0 3,748 6.0 JavaScript

  Create and build modern JavaScript projects with zero initial configuration.

  

• suit

  1 3,725 0.0 HTML

  Style tools for UI components

  

  Project mention: CSS Deep | dev.to | 2021-02-26

  suitcss/suit - Style tools for UI components

• glamor

  0 3,637 0.0 JavaScript

  inline css for react et al

• CSS Layout

  4 3,461 4.2 TypeScript

  A collection of popular layouts and patterns made with CSS. Now it has 90+ patterns and continues growing!

  Project mention: Awesome CSS Layout Resources For Beginners | dev.to | 2021-04-17

  CSS Layout.io

• styletron

  2 3,149 4.3 JavaScript

  :zap: Toolkit for component-oriented styling

  

  Project mention: Just-In-Time: The Next Generation of Tailwind CSS | reddit.com/r/javascript | 2021-03-15

  [0] https://www.styletron.org/ [1] https://baseweb.design/blog/getting-started-with-styletron#getting-started-with-styletron

• vue-virtual-scroll-list

  0 2,708 6.0 JavaScript

  ⚡️A vue component support big amount data list with high render performance and efficient.

• rfs

  1 2,602 7.8 CSS

  ✩ Automates responsive resizing ✩

  

  Project mention: Why use em's for things like padding/margin? | reddit.com/r/webdev | 2021-01-20

  https://github.com/twbs/rfs#readme

• Fela

  0 2,003 7.9 JavaScript

  State-Driven Styling in JavaScript

• jsxstyle

  0 1,976 3.6 TypeScript

  Inline style system for React and Preact

  

Index