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.
- GitHub: https://github.com/topics/postcss
- Wikipedia: https://en.wikipedia.org/wiki/PostCSS
- Repo: https://github.com/postcss
- Created by: Andrey Sitnik, Ben Briggs, Bogdan Chadkin
- Released: November 4, 2013
- Related Topics: sass, less, ast,
- Last updated: 2026-06-26 00:20:33 UTC
- JSON Representation
https://github.com/thoughtbit/cssplus-preprocessor
:cyclone: A future-facing CSS preprocessor for working with cssplus
Last synced: 28 Apr 2026
https://github.com/yuan66-hub/react-h5-pages
H5多页面打包模板,支持命令行交互方式选择页面按需打包,页面体积优化,体积分析,集成tailwindcss原子化,静态资源预加载(js/css/image/font),代码混淆,CSS Module,支持rspack脚手架,重复依赖代码检测,预渲染,rsdoctor模块引用分析工具,umi 多页面打包模式等功能
babel eslint mpa postcss preload react18 rsdoctor rspack tailwindcss ts umi webpack5
Last synced: 04 Feb 2026
https://github.com/alexandrecpedro/habits-setup
Habits platform for web and mobile - NLW Setup
expo fastify figma ignite-rocketseat nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript
Last synced: 10 Apr 2026
https://github.com/devniel/derb
Devniel's Express and React Boilerplate
boilerplate express hot-module-replacement postcss react reactjs webpack2
Last synced: 09 Apr 2026
https://github.com/fmanimashaun/skilled-elearning-landing-page
his is a solution to the [Skilled e-learning landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/skilled-elearning-landing-page-S1ObDrZ8q). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
frontendmentor-challenge html5 mobile-first postcss scss webpack5
Last synced: 20 Aug 2025
https://github.com/lh0x00/liser
functional css help to optimizing design work and building responsive websites. liser help you create the module contains the css properties you need to use quickly and lightest!
ciser css design functional liser modules postcss reponsive style
Last synced: 30 Apr 2026
https://github.com/buddye/postcss-remove-important
PostCSS cleanup plugin to strip !important for AMP compatible CSS
Last synced: 27 Feb 2025
https://github.com/amaansyed27/osfolio
OSFOLIO is an interactive operating system-themed portfolio website for me.
css modern-ui modern-web opera portfolio portfolio-site portfolio-website postcss react react-components react-hooks react-query react-router react-router-dom reactjs shad tai taiwindcss verce web-development
Last synced: 12 Apr 2026
https://github.com/premierstacks/webpack-stack
The Webpack Stack offers a collection of ready-to-use configurations for building, bundling, and optimizing JavaScript, TypeScript, and React applications. It provides pre-configured setups designed for both browser and Node.js environments, allowing you to quickly get started with complex Webpack projects without spending time on configuration.
javascript nodejs postcss premierstacks react stack tomchochola typescript webpack
Last synced: 09 Apr 2026
https://github.com/alexandrecpedro/esports
eSports platform for web and mobile - NLW eSports
esports expo express expressjs figma hoppscotch nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat-nlw sqlite3 tailwindcss twitch twitch-api typescript vite
Last synced: 07 Apr 2026
https://github.com/shrpne/postcss-clear-flex
Delete webkit flex prefixes to prevent wrong order in the Autoprefixer output.
Last synced: 01 May 2026
https://github.com/sadcitizen/postcss-config
@sadcitizen/postcss-config - PostCSS shareable config
postcss postcss-config postcss-preset
Last synced: 01 May 2026
https://github.com/tzachbon/css.jsx
Write your CSS like JSX
babel css css-framework jsx postcss react tsx
Last synced: 08 Apr 2026
https://github.com/naneshoru/react-basic-login
Login JWT com refresh token e auto login - explorando ferramentas front
docker docker-compose github-actions nginx-proxy postcss react shadcn-ui tailwind
Last synced: 01 May 2026
https://github.com/vinks/redux-ultimate-ssr
A complex starter react boilerplate for an universal web application with express api backend and server side render.
axios babel boilerplate express happypack isomorphic knex objectionjs postcss postgresql react react-router react-router-v4 redux rest-api starter starter-kit universal webpack webpack2
Last synced: 07 Apr 2026
https://github.com/saabbir/fictional-travel-site
A fictional travel website. Demo Link: https://saabbir.github.io/fictional-travel-site/
Last synced: 02 May 2026
https://github.com/fragnarok/portfolio_client
Portfolio client side (website)
dynamic firebase javascript portfolio portfolio-website postcss react template typescript vite
Last synced: 10 Apr 2026
https://github.com/saulmoralespa/dates_react
APP of practice use useState, useEffect
javascript postcss reactjs tailwind
Last synced: 03 May 2026
https://github.com/mohamedsamara/react-ssr-app
:star: React Application with Server Side Rendering
babel eslint husky lint-staged postcss prettier progressive-web-app react server-side-rendering service-worker single-page-applications tailwindcss webpack workbox
Last synced: 12 Apr 2026
https://github.com/nandomoreirame/preview-responsive-navbar
A preview responsive navbar iframe
cssvar cssvariables html iframe navbar postcss preview
Last synced: 04 May 2026
https://github.com/ikram-maulana/webpack-tailwind-boilerplate
🧰 A Minimal Webpack 5/4 boilerplate with Tailwind CSS 3, TypeScript, PostCSS, Prettier And More.
postcss prettier tailwind-3 typescript webpack-4 webpack-5 webpack-boilerplate webpack-tailwind
Last synced: 04 May 2026
https://github.com/cxspxr/vue-cli-plugin-sugarss
:strawberry: SugarSS support for vue-cli projects
postcss sass stylus sugarss vue vue-cli vue-cli-plugin webpack
Last synced: 09 Apr 2026
https://github.com/pras75299/imagegallery
Image Gallery application with React using Tailwindcss, Postcss, Autoprefixer
autoprefixer image-finder javascript-library postcss postcss-plugin react tailwindcss
Last synced: 12 Apr 2026
https://github.com/ghaerdi/array-algorithms-visualizer
Algorithms visualizer for arrays using vite and vue with typescript
algorithm array postcss typescript vite vue
Last synced: 05 May 2026
https://github.com/mohamedsamara/react-node-typescript
Fullstack TypeScript Template
node postcss pwa react sass typescript webpack workbox
Last synced: 09 Apr 2026
https://github.com/saltofthemar/subtxt-ds
A fluid CSS design system with algorithmic typography and spacing. Includes dual-runtime build tools (Deno/Node.js) and design token export for Penpot integration.
css deno design-tokens fluid-typography nodejs penpot postcss responsive-design
Last synced: 12 Apr 2026
https://github.com/fourjuaneight/docker-hugo-testing
👷🏽♂️ Docker base image that includes Hugo, npm, PostCSS, and Chrome for E2E testing.
Last synced: 06 May 2026
https://github.com/henriquelimas/babel-rollup-postcss-boilerplate
babel boilerplate postcss rollup
Last synced: 06 May 2026
https://github.com/tamino-martinius/ui-snippets-template
Webpack Template with HTML (just body), CSS/PostCSS and JS/TypeScript
html postcss typescript ui-snippets
Last synced: 06 May 2026
https://github.com/nerdsofalltrades/next6-boilerplate
A boilerplate for Next.js projects including all the bad-ass technologies needed to build maintainable software
express jest nextjs postcss react styled-jsx typescript webpack
Last synced: 11 Apr 2026
https://github.com/lukmanrambe/luxspace
A Furniture E-Commerce Web Design
css es6 figma html javascript postcss tailwindcss webpack
Last synced: 12 Apr 2026
https://github.com/ezzeddinp/ecommerce-store
Build with NextJs13 App Router
cms mysql postcss prisma-orm react-hot-toast stripe-payments tailwindcss typescript zustand
Last synced: 09 Apr 2026
https://github.com/melhosseiny/get-rhythm
PostCSS plugin to generate vertical rhythm using a modular typographic scale
Last synced: 08 May 2026
https://github.com/yazeedobaid/my-laravel-setup
My Laravel Project setup
eslint jest laravel laravel-setup postcss tailwindcss vue
Last synced: 11 Apr 2026
https://github.com/haquanq-frontendmentor/testimonials-grid-section
Solution for frontendmentor.io challenge: testimonials-grid-section
bem-css frontendmentor postcss vite
Last synced: 09 May 2026
https://github.com/jorgeatgu/postcss-congresoweb
:rocket: Repositorio con todos los ejemplos para el taller de postCSS del Congreso Web
Last synced: 09 May 2026
https://github.com/mitulagr2/phraseshift
A user-friendly transcript editor.
bun jest postcss react tailwindcss transcription typescript
Last synced: 26 Jan 2026
https://github.com/corygibbons/udon
WordPress starter theme that uses Twig (via Timber), PostCSS, and Browsersync.
postcss starter-theme stylus timber twig wordpress
Last synced: 09 May 2026
https://github.com/aggutierrez98/aggutierrez-portfolio
cssmodules framer-motion nextjs personal-website postcss react typescript
Last synced: 04 Jan 2026
https://github.com/arnobt78/feedback-widget--nextjs
Feedback Widget Next is a reusable, embeddable feedback widget for modern web projects. Users can submit feedback (name, email, message, rating), which is stored in a MongoDB database via Prisma. The widget is designed for easy integration, customization, and educational purposes.
app-router-nextjs feedback feedback-collection integrated-app javascript nextjs postcss prisma prisma-client prisma-orm react-functional-components resuable-feedback-widget reusable-widget shadcn tailwindcss typescript vercel-deployment widget widget-embedding
Last synced: 24 Jun 2025
https://github.com/minicss/postcss
MiniCSS PostCSS Plugin
css min minicss minification minifier minify postcss postcss-plugin typescript
Last synced: 10 May 2026
https://github.com/pomeluce/akir-vue
vue project development scaffolding, based on vue naive-ui pinia typescript
akir mockjs naive-ui pinia postcss tailwindcss typescript vitejs vue-router vue3
Last synced: 09 Apr 2026
https://github.com/stuymedova/kirby-rollup-postcss
[SETUP] Kirby CMS template adapted to be used with modern frontend tools
kirby kirby-cms kirby3 kirby3-cms postcss rollup
Last synced: 21 Nov 2025
https://github.com/mariusz-ba/postcss-ms-grid
PostCSS plugin for adding css-grid fallback for IE.
css-grid grid ie11 ie11-grid postcss postcss-plugin
Last synced: 16 Jan 2026
https://github.com/madebywild/wildplate
An opinionated, modern post-gulp-era toolkit tailored for visual-heavy microsites and less for data-driven apps.
boilerplate css-modules imagemin microsite postcss react scss toolkit webpack2
Last synced: 28 Sep 2025
https://github.com/mauroreisvieira/preact-tailwind
Preact + Tailwind start project.
Last synced: 11 Apr 2026
https://github.com/p10ns11y/peramsathyam
poems and blogs
fly postcss reactjs remix-run stately tailwindcss xstate
Last synced: 07 Apr 2026
https://github.com/moshang-ax/postcss-vars-process
PostCSS plugin to extract and replace variables from css, support legal custom format variables
css-variables extract extract-values postcss
Last synced: 20 May 2026
https://github.com/roblav96/tns-template-vue
NativeScript Vue template with TypeScript, PostCSS, Tailwind, Vuex, Vue Router, Webpack, etc.
nativescript nativescript-vue postcss tailwindcss typescript vue-router vuex webpack
Last synced: 09 Apr 2026
https://github.com/melhosseiny/es-starter-kit
Starter kit for web projects
babel browserslist ecmascript express javascript postcss webpack
Last synced: 11 Apr 2026
https://github.com/osamamammar/library
📚 JS practice project from (The Odin Project). library
css html javascript postcss pugjs theodinproject
Last synced: 07 Apr 2026
https://github.com/voightco/static-site-starter
A boilerplate for building static websites using 11ty
11ty boilerplate eleventy postcss starter-kit static-site static-site-generator
Last synced: 13 Apr 2026
https://github.com/autopaideia/postcss-flextype
PostCSS plugin that converts --flextype CSS variables into ::before pseudo content for use with flextype.js.
postcss postcss-plugin responsive
Last synced: 18 Apr 2026
https://github.com/chenycl/react-pro
react16.9后台模版,基于create-react-app,路由表配置+权限,react hooks +redux语法,支持sass和hack css
antd classnames hooks mock postcss react react-redux react-router-dom sass
Last synced: 10 Apr 2026
https://github.com/darrenjacoby/postcss-root-parse-var
Parse a custom property from `:root` or another selector to a static value
css postcss postcss-plugin postcss-root-parse-var
Last synced: 14 May 2025
https://github.com/abhinav0115/abhinav-anand-portfolio
This is my portfolio website
css html5 javascript lucide-icons nextjs13 postcss reactjs resend-email scrollreveal tailwindcss tyepscript
Last synced: 11 Apr 2026
https://github.com/tharunoptimus/super-slow-portfolio
A cool looking ultra slow portfolio - manual deploy
emailjs framer-motion maath postcss react react-three tailwindcss threejs vite
Last synced: 07 Apr 2026
https://github.com/gustavomorinaga/extension-whatsapp
📞 Demo extension for WhatsApp, using SvelteKit
chrome chrome-extension gustavomorinaga polyfill postcss shadcn-svelte sveltekit tailwindcss whatsapp-web
Last synced: 11 Apr 2026
https://github.com/adenugbamichael/portfolio-site
✨ My portfolio site built with nextjs 13/react js and typescript
nextjs pnpm postcss tailwindcss typescript
Last synced: 11 Apr 2026
https://github.com/fylgja/examples
Functional examples for using Fylgja with popular tools and frameworks.
fylgja parceljs postcss scss vite webpack webpack-encore
Last synced: 20 Feb 2026
https://github.com/gugadev/styled-react-ts
Minimal boilerplate for React, Styled-JSX and Typescript.
css postcss react styled-components styled-jsx typescript
Last synced: 01 Nov 2025
https://github.com/viktor-yakubiv/rehype-postcss
Run PostCSS on <style> elements through rehype
postcss rehype-plugin unified-plugin
Last synced: 11 Apr 2026
https://github.com/brunogroth/livewire
Learning Livewire | PHP & Laravel & Livewire & TailwindCSS
laravel laravel10 livewire livewire-components mysql mysql-database postcss tailwind tailwind-css tailwindcss
Last synced: 13 Apr 2026
https://github.com/meeeteat/meeteat_frontend
사용자의 위치 기반 실시간 매칭 서비스
axios cloudfront framer-motion javascript mobx msw npm postcss prettier react route53 s3 tailwindcss vite
Last synced: 14 Feb 2026
https://github.com/exslym/portfolio-new-3d
A new Scrollable 3D Animation Portfolio website (3D-graphics and animations with ThreeJS!)
autoprefixer gh-pages javascript postcss scss terser threejs vite-aliases vite-plugin-legacy vitejs
Last synced: 10 Apr 2026
https://github.com/danielbayley/postcss-heading
@PostCSS polyfill to use the :heading pseudo-class today.
caniuse css headings html npm npm-module npm-package npmjs plugin polyfill postcss postcss-plugin selector
Last synced: 30 May 2026
https://github.com/cxspxr/react-shortener
:link: Rails API & React URL Shortener
coffeescript2 heroku jsx postcss rack-attack rails rails5-api react reactjs rspec stylus sugarss url-shortener webpack
Last synced: 17 Feb 2026
https://github.com/tulepbergenov/my-gulp
My gulp build 🛠️
css gulp html javascript nunjucks postcss
Last synced: 13 Apr 2026
https://github.com/devbyray/raymonschouwenaar-blog
RaymonSchouwenaar.nl blog
asset-pipeline boilerplate gulp hugo netlify postcss static-site static-site-generator victor-hugo webpack
Last synced: 11 Apr 2026
https://github.com/pranjalkatiyar/slides-ai
AI-powered slide editor built with Next.js. Create, edit, and export slides to Reveal.js or JSON—no manual coding needed.
ai antrophic claude drag-and-drop gemini jsonexport nextjs nocode openai postcss presenation presenation-slides reveal-js shadcn slides slideshow tailwind typescript vercel-ai vercel-ai-sdk
Last synced: 10 Apr 2026
https://github.com/davidgarsan/webpack2-components-demo
Messing with Webpack2, ES6, PostCSS...
components ejs es6 postcss webpack webpack2 webpack2-demo
Last synced: 19 Apr 2026
https://github.com/davxdo/react-skeleton
React Starter w/ Webpack, PostCSS, Tailwind, ESLint
eslint postcss react react-starter reactjs tailwind tailwindcss webpack4
Last synced: 09 Apr 2026
https://github.com/xero/resume
Resume & Professional Portfolio Website
dark-mode hire-me light-mode portfolio postcss professional resume tailwindcss website
Last synced: 04 Aug 2025
https://github.com/chrisnajman/meal-item-selector
A checkbox-driven meal item manager that enforces selection limits for precise user input control.
accessibility aria-attributes css-flexbox css-grid css-nesting cssnano es6-modules esbuild html-css-javascript html-minifier-terser loading-spinner postcss theme-switcher
Last synced: 04 Aug 2025
https://github.com/chrisnajman/tabs
Responsive, accessible tabs with full keyboard support and ARIA semantics.
accessibility aria-attributes css-flexbox css-grid css-nesting cssnano es6-modules esbuild html-css-javascript html-minifier-terser loading-spinner postcss theme-switcher
Last synced: 04 Aug 2025
https://github.com/haquanq-frontendmentor/product-list-with-cart
Solution for frontendmentor.io challenge: product-list-with-cart
bem-methodology frontendmentor frontendmentor-challenge frontendmentor-junior frontendmentor-solution postcss typescript vite
Last synced: 15 Apr 2026
https://github.com/hazratgs/febox
Сайт студии Febox
javascript postcss react webpack
Last synced: 09 Apr 2026
https://github.com/andrei1994rus/users-react
Search Github users on React+Webpack. (NodeJS,React,Webpack,RxJS,jQuery,Express,SCSS)
adaptive autoprefixer compression-webpack-plugin crossbrowser cssnano express express-static-gzip jquery mobile-first modernizr nodejs postcss react rxjs rxjs-ajax scss terser-webpack-plugin webpack
Last synced: 09 Apr 2026
https://github.com/petrosath/library
A library app for practicing on JavaScript objects
css gh-pages html javascript postcss scss vitejs
Last synced: 09 Apr 2026
https://github.com/halo-design/halo-optimus
ಠ_ಠ Scaffolding with the latest react components
babel es2017 eslint express gulp isomorphic-fetch moment nprogress postcss pug react react-redux react-router-v4 redux redux-logger redux-thunk sass socket-io webpack-hot-middleware webpack3
Last synced: 09 Apr 2026
https://github.com/rypi-dev/utils
🔦 Various shareable configurations (ESLint, Prettier, CommitLint, Commitizen, etc.)
2024 2024-project babel commitizen commitlint config eslint habbaz habbazdev markdownlint open-source postcss prettier renovate shareable shareableconfig stylelint ts
Last synced: 28 Jul 2025
https://github.com/charistheo/webpack-media-split
A simple example that splits CSS based on media queries used and generates separate files using Webpack. Those CSS files are then lazy loaded depending on screen width.
css lazy-loading mediaqueries postcss webpack
Last synced: 09 Apr 2026
https://github.com/gstcarv/tailwind-spotify-home
Spotify landing page home clone made with Tailwind CSS, including acessibility optimization
accessibility css javascript postcss responsive spotify tailwind webpack
Last synced: 09 Apr 2026
https://github.com/ansarkmemon/wordpress-sass-hmr-webpack-boilerplate
Boilerplate for WordPress Theme development workflow with webpack, sass, hmr and browsersync
hot-module-replacement postcss sass sass-loader webpack3 wordpress wordpress-boilerplate wordpress-development
Last synced: 02 Oct 2025
https://github.com/shaherashraf/webpackboilerplate
📦 A webpack boilerplate using Babel, PostCSS and Sass.
babel es6 hot-reloading hot-replacement javascript postcss sass webpack
Last synced: 09 Apr 2026
https://github.com/haquanq-frontendmentor/browser-extensions-manager-ui
Solution for frontendmentor.io challenge: browser-extensions-manager-ui
bem-css frontendmentor frontendmentor-junior junior postcss
Last synced: 04 May 2026
https://github.com/ian-rossi/products-search-challenge
My implementation of a common challenge: implement an efficient products search component.
babel chai clean-architecture instanbul jest next next-js nextjs node node-js nodejs npm post-css postcss react react-js react-query reactjs tailwind tailwindcss
Last synced: 09 Apr 2026
https://github.com/krypton225/fourth-portfolio-react
This is just a portfolio for practicing in using React JS and Tailwind CSS.
aos autoprefixer netlify portfolio postcss react react-dom react-hooks react-icons react-lazy-load-image-component react-scroll reactjs swiper tailwindcss yarn
Last synced: 09 Apr 2026
https://github.com/neetjn/metatube-landing
Landing page for metatube project using Riot.js 4 and Tailwind CSS.
css html javascript landing-page media metatube postcss riot tailwind tailwindcss video youtube
Last synced: 09 Apr 2026