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-07-04 00:20:11 UTC
- JSON Representation
https://github.com/dev-gaitano/jasmijn-schrofer
A dynamic and visually engaging portfolio website built using React, specifically designed to showcase the creative work of acclaimed film director Jasmijn Schrofer
cloudinary postcss react tailwindcss typescript vite web-development website
Last synced: 11 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/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/vedhatech002/we-cook
a food delivery like app, it shows restarunts list based on location. using swiggy API
food-app food-delivery-application food-ordering postcss react react-dom react-hooks react-router react-routing restaurant-website restaurants swiggy-api tailwindcss
Last synced: 01 Mar 2026
https://github.com/tomchochola/browser-webpack-typescript-app-template
The Browser Webpack TypeScript App Template is a comprehensive solution for building modern browser-based applications with TypeScript and Webpack. With a pre-configured setup for TypeScript, PostCSS, Stylelint, and Prettier, this template offers an optimal starting point to streamline your frontend development process.
eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack
Last synced: 16 May 2025
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/y1j2x34/browser-extension-boilerplate2
🔥 A template for building cross browser extensions for Chrome, Opera & Firefox.
browser-extension chrome-extension-starter cross-browser firefox-addons monorepo opera-extension postcss scss tailwindcss typescript webpack yarn-workspace
Last synced: 11 Apr 2026
https://github.com/deep-impact-ag/react-ts-client
React-TS-Client is minimal client side React boilerplate with support for hot module reload, TypeScript and up-to-date dependencies.
boilerplate client-side cssmodules postcss react typescript webpack
Last synced: 08 Oct 2025
https://github.com/chubi-x/sorta-frontend
React frontend for sorta, an app that lets twitter users manage and categorize their bookmarks
bem-methodology css frontend lottie postcss react-infinite-scroll react-router-dom reactjs tailwindcss typescript
Last synced: 11 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/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/shreyasarker/socialuxe
Social Media App using React and Sanity
crypto-js js-cookie jwt-decode postcss reacrjs react-icons react-loader-spinner react-masonry-css react-oauth-google react-router-dom sanity sanity-image-url tailwindcss uuid
Last synced: 05 May 2026
https://github.com/alexandremasy/postcss-salt-typography
PostCSS plugin to add a collection of mixins, helpers related to font management for you CSS.
postcss postcss-plugins salt salt-plugins
Last synced: 18 May 2026
https://github.com/frontendweb3/blogpost
Blog post is simple lightweight html template for blog build with tailwindcss
css html html-css html-template html5 postcss postcss-cli tailwindcss
Last synced: 11 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/roose/wox-postcss-search
Search PostCSS plugin
nim postcss wox wox-plugin wox-postcss-search
Last synced: 21 Jan 2026
https://github.com/cyruskabir/testimonial-page-html-css-
This challenge is to practice more advanced HTML and CSS skills. The challenge is to create a simple testimonial page that you need use grid, media queries, icons,...
css devchallengesio html postcss vite
Last synced: 23 Feb 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/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/bernardomennndes/routine-planner
Projeto desenvolvido durante a oficina de introdução ao React.js, durante o evento da semana do programador Unicoder.
postcss radix-ui react tailwindcss typescript vite zod
Last synced: 20 Jan 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/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/fboulnois/sveltekit-template
A SvelteKit 2 and Tailwind CSS template with a few other defaults.
eslint playwright postcss prettier svelte sveltekit sveltekit-tailwindcss sveltekit-template tailwindcss typescript vitest
Last synced: 02 Apr 2026
https://github.com/kristerkari/react-native-typed-postcss-transformer
PostCSS transformer with Typescript support for React Native
css loader postcss react-native transformer typescript
Last synced: 20 Jan 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/lumakernel/web-playground
editorconfig eslint gulp postcss typescript
Last synced: 12 Apr 2026
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/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/skovy/css-codemod-demo
Example of a custom CSS codemod built with PostCSS
Last synced: 02 May 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/thenamevishnu/night-owl-client
(in progress) Night Owl is the ultimate freelance platform for connecting businesses with top-tier developers. Find the perfect developer for your project, benefit from secure transactions, and ensure successful collaboration.
axios css eslint jwt-authentication postcss reactjs tailwindcss vite
Last synced: 04 Apr 2026
https://github.com/halvaradop/ui
A collection of reusable components for React, styled with Tailwind CSS. It simplifies the development of modern and responsive interfaces.
pnpm postcss react storybook tailwindcss ui ui-library
Last synced: 21 Apr 2025
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/hackemateninja/ronindev
ronindev hugo blog and portfolio
alpine go hugo postcss tailwindcss
Last synced: 12 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/maybemonad/vite-lib-starter
postcss react tailwindcss typescript
Last synced: 12 Apr 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/bntzio/aguayo-frontend-test
Página web con responsive design (mobile first)
Last synced: 30 Apr 2026
https://github.com/juunie-roh/setting-up-next
eslint headlessui-react heroicons-react husky jest lint-staged nextjs postcss prettier react-redux react-three-cannon react-three-drei react-three-fiber redux reduxjs-toolkit semantic-release storybook tailwind-css tailwindcss typescript
Last synced: 12 Apr 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/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/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/abradifcode/webpack-boilerplate
Webpack 3 Boilerplate with Bootstrap 3 JQuery and FontAwesome
babel boilerplate bootstrap3 font-awesome postcss scss webpack3
Last synced: 08 Mar 2026
https://github.com/jakesidsmith/watch-less-do-more
Watch less files and their dependency tree for changes & automatically recompile
css dependency-tree less postcss postcss-modules recompile watch watcher
Last synced: 06 Apr 2025
https://github.com/arden-rh/shelf-control
A web app for managing your personal library
firebase firebase-auth firestore melt-ui postcss school-project svelte sveltekit tailwindcss typescript vite
Last synced: 20 Feb 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/mdenisov/react-universal-boilerplate
A starter boilerplate for an universal web app with the best development experience and a focus on performance and best practices.
boilerplate css-modules hot-reloading jest koa nodejs postcss react-helmet react-router-v4 reactjs redux starter unit-testing universal webpack3
Last synced: 08 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/alexandrecpedro/rocketseat-event-platform
Rocketseat event platform (video content)
apollo apollo-client figma graphcms graphql postcss react rocketseat rocketseat-ignite tailwind tailwindcss typescript vite vitejs
Last synced: 13 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/newbornfrontender/wc-ast-sample
ast babel postcss prettier rollup web-components
Last synced: 11 Mar 2025
https://github.com/asbhogal/react-fun-facts-project
A simple 'React Facts' page created as part of the freeCodeCamp's React tutorial, coded with HTML5, CSS3, SCSS, JavaScript (ES6), React and leveraging Babel and Webpack. The design has been adapted from a Figma file (see mockups directory.)
babel css3 figma freecodecamp freecodecamp-project front-end frontend html5 javascript postcss react scrimba scrimba-react scss webpack
Last synced: 13 Apr 2026
https://github.com/the-holocron/threepio
The protocol droid.
babel babel-preset browserslist browserslist-config commitlint commitlint-config eslint eslint-config jest-preset lerna lint-staged-config markdownlint markdownlint-config monorepo postcss postcss-config semantic-release-config storybook-config stylelint-config webpack-config
Last synced: 06 Mar 2026
https://github.com/oncomouse/extract-tachyons
Accelerate your Tachyons websites! Read HTML files, extract a list of CSS classes, and create a custom distribution of Tachyons with only the classes you are actually using.
Last synced: 21 May 2026
https://github.com/kelvindecosta/postcss-transform-variables
:electric_plug: PostCSS plugin that transforms identifiers of CSS custom properties.
css css-variables custom-properties obfuscation postcss postcss-plugin transformer
Last synced: 25 Jan 2026
https://github.com/ghaerdi/ghaerdi-webpage
ghaerdi's webpage, using vite, vue and typescript.
jest postcss typescript vite vue
Last synced: 13 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/bntzio/reaction
A super simple yet powerful react + redux boilerplate
babel boilerplate eslint karma mocha postcss react redux webpack
Last synced: 12 Apr 2026
https://github.com/bryanwilhite/nodejs
my collection of self-educational samples on the Node.js® stack
angular-io aurelia codepen css elm html5 jasmine karma nodejs postcss svg typescript ux ux-design
Last synced: 11 Mar 2026
https://github.com/thiagoow/paintcalculator-react-js-redux-tailwind
Projeto desenvolvido com React.js, Redux Toolkit & estilizacões com Tailwind + PostCSS & autoprefixer. Juntamente com as libs "react-redux" e "Iconify/react".
autoprefixer code-challenge digital-republic iconify postcss react-js reactjs tailwind tailwind-css tailwindcss
Last synced: 16 Apr 2026
https://github.com/harshita2234/mern-chat
This is a chat application built using the MERN stack (MongoDB, Express, React, Node.js). The backend API connects to MongoDB and the frontend is developed with React.
autop axios bycrypt-js cookie-parser cors dotenv express jwt lodash mongodb mongoose node-js postcss react tailwind-css vite web-socket
Last synced: 15 Feb 2026
https://github.com/danielbayley/atom-source-preview-postcss
:atom: @Atom source-preview provider for @PostCSS.
apm atom coffeescript css editor package plugin postcss preprocessor preview source
Last synced: 06 Apr 2025
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/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/franekstein/react-ts-starter
Modern React & Typescript boilerplate.
cssmodules postcss react sass typescript webpack
Last synced: 04 Jan 2026
https://github.com/nafizpervez/payme
a Responsive Payment Application Based on Flutter and Laravel
api-rest axios bootstrap5 flutter flutter-app flutter-getx flutter-web laravel-framework php-library postcss qrcode-scanner sass vuejs
Last synced: 10 Apr 2026
https://github.com/jorgeatgu/gulp-postcss
:small_red_triangle: Empezando a trabajar con postCSS en Gulp
Last synced: 17 Apr 2026
https://github.com/kimulaco/postcss-amp-custom
PostCSS plugin to optimize CSS source for AMP HTML.
Last synced: 08 Sep 2025
https://github.com/dopaminedriven/next-portfolio
developer/engineer facing portfolio
customization font-awesome icons nextjs patching postcss postinstall react static-site-generator tailwindcss typescript vercel
Last synced: 13 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/aeyoll/postcss-imageset-type
PostCSS plugin for adding image-set type to background-images.
Last synced: 14 Jun 2025
https://github.com/jomurgel/postcss-unit-conversion
PostCSS plugin for converting units from px to em or rem.
css hacktoberfest postcss scss units
Last synced: 25 Jan 2026
https://github.com/gespinha/postcss-spacer
PostCSS plugin for normalising spaces between lines on your stylesheets.
css plugin postcss postcss-modules postcss-plugin
Last synced: 18 Feb 2026
https://github.com/haquanq-frontendmentor/age-calculator-app
Solution for frontendmentor.io challenge: age-calculator-app
accessibility bem-css frontendmentor-junior html postcss
Last synced: 08 Apr 2026
https://github.com/programmershri/tailwind-css-starter-postcss
Boilerplate
ant-design antd css javascript postcss react reactjs redux-toolkit tailwindcss
Last synced: 08 Apr 2026
https://github.com/hentaicracker/aboutme
Aboutme by angular 4
angular angular4 postcss scss typescript webpack2 yarn
Last synced: 08 Apr 2026
https://github.com/vlad-moskalenko/carshop-next.js
axios next postcss react react-dom tailwindcss typescript
Last synced: 06 Apr 2026
https://github.com/philipprochazka/web-gallery
A Extremely simplistic Web gallery template. could be used in manny ways, for example I want a photographer Gallery where i could share effordlesly knowing they can't download my creative effords because my pictures are served as a encoded background Inlay.
autoprefixer bootstrap bootstrap5 browsersync chokidar concurrently gallery postcss prettier-eslint pug scss shelljs startbootstrap upath
Last synced: 24 Jan 2026
https://github.com/chrisnajman/github-pages-optimised-build
GitHub Pages site template built from the '/docs' folder using an automated front-end build process with minified HTML, CSS and (transpiled) JavaScript.
css-nesting cssnano es6-modules esbuild html-css-javascript html-minifier-terser postcss postcss-cli postcss-import postcss-nesting shx
Last synced: 06 Jul 2026
https://github.com/yakovlev-alexey/next-pcss
Import global `.pcss` files in your Next.js project.
Last synced: 07 May 2026
https://github.com/wvbe/dirty_deno_slapper
A Deno module that slaps your TS/CSS source together
Last synced: 25 Jan 2026
https://github.com/spring-raining/postcss-plugins
PostCSS plugin to provide theming function based on CSS variables using `@var` rules.
Last synced: 04 Jan 2026
https://github.com/rabbitmaid/php_vite_boilerplate
Boilerplate for implementing plain php projects with vite
autoprefixer npm php postcss tailwindcss vanilla-php vite xampp
Last synced: 18 Feb 2026
https://github.com/elchininet/postcss-comments
Postcss plugin to prepend or append comments to CSS rules
comments css postcss postcss-plugin
Last synced: 24 Dec 2025
https://github.com/heliolj/nlw-spacetime-web
Front-end usando ReactJS, NextJS, TypeScript e mais tecnologias. Criado durante o evento da Rocketseat NLW.
autoprefixer axios eslint jwt-decode lucide-icons next nextjs postcss prettier react reactjs tailwindcss typescript
Last synced: 08 Apr 2026
https://github.com/jeromewolff/portfolio
Simple portfolio page hosted on Vercel
node node-js npm portfolio postcss react reactjs sass tailwind tailwind-css tailwindcss typescript vercel vercel-deployment
Last synced: 08 Apr 2026
https://github.com/haquanq-frontendmentor/social-media-dashboard-with-theme
Solution for frontendmentor.io challenge: social-media-dashboard-with-theme
bem-css frontendmentor frontendmentor-junior javascript postcss
Last synced: 08 Apr 2026
https://github.com/pronoia9/metaversus
autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss
Last synced: 08 Apr 2026
https://github.com/ssschneider/tailwind-practice
Make it Rain! is a non-interactive landing page project developed to practice TailwindCSS.
eslint figma hero-icons nextjs postcss tailwindcss typescript
Last synced: 08 Apr 2026
https://github.com/annaindistress/frontend-mentor-recipe-page
This is a solution to the recipe page challenge on Frontend Mentor
css-custom-properties github-actions html postcss vite
Last synced: 26 Jan 2026
https://github.com/eugenepokalyuk/vue-skateboarding
SkateHut was established in 2007 by Mark Johansen-Berg following a family holiday to Florida with his wife and three sons. When his eldest son spotted a pair of Heelys in one of the theme parks, he just had to have a pair! Upon arriving back to the UK, they realised that Heelys were nowhere to be seen.
postcss tailwind vite vue-router4 vue3
Last synced: 25 Jan 2026