PostCSS Ecosystem
PostCSS is a tool for transforming CSS with JavaScript. It can be used to develop a template language such as Sass and LESS. The PostCSS core consists of:
There are official tools making it possible to use PostCSS with build systems such as Webpack, Gulp, and Grunt. There is also a console interface available. Browserify or Webpack can be used to open PostCSS in a browser.
The complete plugin list can be found on postcss.parts, with some examples listed below.
Core Projects
Morepostcss
autoprefixer
postcss-import
Popular Projects
More
stylelint
A mighty CSS linter that helps you avoid errors and enforce conventions
postcss-cssnext
`postcss-cssnext` has been deprecated in favor of `postcss-preset-env`
daisyui
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
postcss-px-to-viewport
A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units
rtlcss
Framework for transforming Cascading Style Sheets (CSS) from Left-To-Right (LTR) to Right-To-Left (RTL)
typescript-plugin-css-modules
A TypeScript language service plugin providing support for CSS Modules
css-declaration-sorter
Sort CSS declarations fast and automatically in a certain order
modular-css
CSS Modules, but better and usable via Rollup, Vite, Webpack, CLI, PostCSS, or JS API
Up and Coming Projects
More
react-audio-wave-modern
ReactWaveform is a React component that provides an interactive waveform visualization for audio files using the WaveSurfer
NEI_market_analytics
NEI Market Analytics is an open-source project designed to provide comprehensive market value analyses for various financial instruments and digital assets
navarro_blog_front
The Navarro Blog API is built on high scalability and performance, implementing queues, cache banks, CI/CD jobs, automated code and dependency analysis, and a focus on testing and documentation
postcss-remove-format-fonts
A simple postcss plugin for removing fonts with specific formats
react-mini-reddit
A minimal setup for a React application using Vite, including Redux, Axios, and Jest
AV-News-Stream
AV NewsStream: Stream, read, and listen to real-time news from diverse sources
Star-Wars
A dynamic React webpage that presents information about spacecraft from the Star Wars universe using SWAPI
dev-framework
Fullstack framework designed for building modern web applications with ease
postcss-uuid-obfuscator
This is a [PostCSS] plugin which works to hashing (randomizing) class-name with [UUID]
agencyworkflow
✨🌃💫 A web-portfolio for an online paid media agency with built-in cms backend with sanity written in next
Portfolio-React-TSX-Tailwind-daisyui-blog-devto
A Nice UI/UX Portfolio with React TSX, tailwind css, postCSS, Blog with devto api
px-to-rem-converter
Converts pixel (px) values to rem units in CSS files using PostCSS
rem-molestiae-ipsum
[![github actions][actions-image]][actions-url] [![coverage][codecov-image]][codecov-url] [![dependency status][deps-svg]][deps-url] [![dev dependency status][dev-deps-svg]][dev-deps-url] [![License][license-image]][license-url] [![Downloads][downloads-im
