Open-source projects categorized as PostCSS

Top 23 PostCSS Open-Source Projects

  • GitHub repo Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Project mention: Quoi de neuf dans Laravel 8 ? | dev.to | 2021-04-19
  • GitHub repo styled-components

    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.

  • GitHub repo PostCSS

    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.

  • GitHub repo emotion

    👩‍🎤 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

  • GitHub repo uncss

    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.

  • GitHub repo stylelint

    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

  • GitHub repo Radium

    A toolchain for React component styling.

  • GitHub repo linaria

    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!!! 🤓

  • GitHub repo JSS

    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


  • GitHub repo styled-jsx

    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


  • GitHub repo awesome-tailwindcss

    😎 Awesome things related to Tailwind CSS

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

    Awesome Tailwind

  • GitHub repo React CSS Modules

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

  • GitHub repo Aphrodite

    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.

  • GitHub repo cssnano

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

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


  • GitHub repo Neutrino

    Create and build modern JavaScript projects with zero initial configuration.

  • GitHub repo suit

    Style tools for UI components

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

    suitcss/suit - Style tools for UI components

  • GitHub repo glamor

    inline css for react et al

  • GitHub repo CSS Layout

    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

  • GitHub repo styletron

    :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

  • GitHub repo vue-virtual-scroll-list

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

  • GitHub repo rfs

    ✩ Automates responsive resizing ✩

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


  • GitHub repo Fela

    State-Driven Styling in JavaScript

  • GitHub repo jsxstyle

    Inline style system for React and Preact

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-04-19.


What are some of the best open-source PostCSS projects? This list will help you:

Project Stars
1 Tailwind CSS 40,085
2 styled-components 33,257
3 PostCSS 24,389
4 emotion 12,843
5 uncss 9,067
6 stylelint 8,652
7 Radium 7,402
8 linaria 6,995
9 JSS 6,281
10 styled-jsx 6,223
11 awesome-tailwindcss 6,052
12 React CSS Modules 5,200
13 Aphrodite 5,186
14 cssnano 3,771
15 Neutrino 3,748
16 suit 3,725
17 glamor 3,637
18 CSS Layout 3,461
19 styletron 3,149
20 vue-virtual-scroll-list 2,708
21 rfs 2,602
22 Fela 2,003
23 jsxstyle 1,976