PostCSS
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:
- CSS parser that generates an abstract syntax tree
- Set of classes that comprises the tree
- CSS generator that generates a CSS line for the object tree
- Code map generator for the CSS changes made#
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.
- Autoprefixer to add and clear browser prefixes.
- CSS Modules to get CSS selectors isolated and code organized. It is supplied as part of Webpack.
- stylelint to analyze CSS code for mistakes and check style consistency.
- stylefmt fixes the CSS code according to the stylelint settings.
- PreCSS to perform some Sass/Less preprocessing functions.
- postcss-preset-env to emulate features from unfinished CSS specification drafts.
- cssnano to make CSS smaller in size by getting rid of the spaces and rewriting the code.
- RTLCSS to change CSS code so that the design should be suitable for right-to-left writing (such is applied in Arabic and Hebrew).
- postcss-assets, postcss-inline-svg and postcss-sprites to work with graphics.
Here are 1,675 public repositories matching this topic...
A web tool to explore the ASTs generated by various parsers.
-
Updated
Apr 26, 2024 - JavaScript
Remove unused styles from CSS
-
Updated
Jun 18, 2024 - JavaScript
A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.
-
Updated
Jun 18, 2024 - JavaScript
Operation Code's website
-
Updated
Jun 23, 2024 - JavaScript
`postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.
-
Updated
Jul 2, 2024 - JavaScript
Convert pixel units to rem (root em) units using PostCSS
-
Updated
Apr 16, 2024 - JavaScript
A better workflow for building modern static websites.
-
Updated
May 14, 2022 - JavaScript
LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.
-
Updated
Mar 3, 2024 - JavaScript
The "officially unofficial" consolidated list of PostCSS plugins in a ready-to-use package
-
Updated
Jun 17, 2024 - JavaScript
🎈 Automate your WordPress development workflow.
-
Updated
Apr 11, 2024 - JavaScript
Framework for transforming Cascading Style Sheets (CSS) from Left-To-Right (LTR) to Right-To-Left (RTL)
-
Updated
Jun 16, 2024 - JavaScript
Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪
-
Updated
Feb 20, 2024 - JavaScript
PostCSS plugin to inline at-import rules content
-
Updated
Jun 10, 2024 - JavaScript
Awesome React Redux Workflow Boilerplate with Webpack 4
-
Updated
May 17, 2019 - JavaScript