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 3,167 public repositories matching this topic...
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
-
Updated
Jun 2, 2024 - Svelte
Ideaboard is a powerful and intuitive application designed to boost creativity, planning, and collaboration. Perfect for teams, creators, and entrepreneurs, Ideaboard transforms your ideas into actionable plans.
-
Updated
Jun 2, 2024 - TypeScript
😎 Awesome things related to Tailwind CSS. With repository stars⭐ and forks🍴
-
Updated
Jun 2, 2024
😷 COVID-19 awareness website
-
Updated
Jun 2, 2024 - HTML
Web application built with React, showcasing a list of cryptocurrencies along with their details.
-
Updated
Jun 1, 2024 - JavaScript
Starter template for eleventy with nunjucks, sass and postcss
-
Updated
Jun 2, 2024 - JavaScript
Landing page for True Hope 4 Success Tutoring
-
Updated
Jun 1, 2024 - TypeScript
-
Updated
Jun 1, 2024 - TypeScript
A modular minifier, built on top of the PostCSS ecosystem.
-
Updated
Jun 1, 2024 - CSS
A landing page template built with Typescript, React, and Tailwind CSS.
-
Updated
Jun 1, 2024 - TypeScript
Remove unused CSS
-
Updated
Jun 1, 2024 - TypeScript
My personal website built with Eleventy
-
Updated
Jun 1, 2024 - Nunjucks
Class-Less CSS Design System Framework that Utilizes the Power of Data Attributes for Styling Components.
-
Updated
Jun 1, 2024 - HTML