Top 23 PostCSS Open-Source Projects
A utility-first CSS framework for rapid UI development.Project mention: Quoi de neuf dans Laravel 8 ? | dev.to | 2021-04-19
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 - 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.
Transforming styles with JS pluginsProject 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.
👩🎤 CSS-in-JS library designed for high performance style compositionProject 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
Remove unused styles from CSSProject mention: Any tool the will scan HTML and css and show unused css rules? | reddit.com/r/css | 2021-02-15
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
A toolchain for React component styling.
Zero-runtime CSS in JS libraryProject 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!!! 🤓
Full CSS support for JSX without compromisesProject mention: Trying to implement language injection for template literals: CSS inside of ` ` | reddit.com/r/Atom | 2021-03-31
😎 Awesome things related to Tailwind CSSProject mention: Increase tailwind development efficiency | reddit.com/r/tailwindcss | 2021-02-27
Seamless mapping of class names to CSS modules inside of React components.
I've already mentioned Emotion, but other CSS-in-JS libraries to check out include Styled Components, JSS, Theme-UI, Radium, and Aprhodite.
A modular minifier, built on top of the PostCSS ecosystem.Project mention: How to use 'CSSNANO' in Gulp | dev.to | 2021-04-16
Style tools for UI componentsProject mention: CSS Deep | dev.to | 2021-02-26
suitcss/suit - Style tools for UI components
inline css for react et al
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
 https://www.styletron.org/  https://baseweb.design/blog/getting-started-with-styletron#getting-started-with-styletron
⚡️A vue component support big amount data list with high render performance and efficient.
✩ Automates responsive resizing ✩Project mention: Why use em's for things like padding/margin? | reddit.com/r/webdev | 2021-01-20
Inline style system for React and Preact
What are some of the best open-source PostCSS projects? This list will help you:
|12||React CSS Modules||5,200|