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-08-07 00:25:12 UTC
- JSON Representation
https://github.com/krypton225/interactive-rating-component-main
This is just a training in Front End Mentor website.
autoprefixer concurrently css3 cssnano html5 javascript live-server postcss scss ts-loader typescript webpack webpack-cli
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
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/ashanaur-meghops/rebanding
fontawesome6 postcss tailwindcss
Last synced: 13 Apr 2026
https://github.com/locol23/webpack-scss-starter
A boilerplate of static site using webpack + postcss(scss)
Last synced: 13 Apr 2026
https://github.com/zeuz8/redux-tutorial-cart
Embarking on a comprehensive Redux tutorial, this Git repository houses a simple yet powerful shopping cart project. Delve into the intricacies of Redux as we harness its capabilities to manage state efficiently and gain valuable insights into the fundamentals of state management in React applications.
postcss react react-redux redux tailwindcss vite
Last synced: 12 Apr 2026
https://github.com/valeriogc/postcss-media-query-pruner
A PostCSS plugin that merges, removes duplicates, and sorts media queries for optimized, lightweight CSS
css css-optimization media-queries postcss postcss-plugin sorting
Last synced: 22 Feb 2026
https://github.com/mudrabhedi/my-chat-app
This Full-Stack Chat App enables real-time messaging with user authentication, powered by React frontend and Node.js backend using Socket.IO for live communication. It features secure JWT-based login, online user display, and a responsive UI built with Tailwind CSS.
expressjs jwt-token nodejs postcss react socket-io tailwindcss vite
Last synced: 13 Apr 2026
https://github.com/frikadellios/astropampers
Astro Static starter website template for Vercel
astro daisyui editorconfig eslint nanocss pnpm postcss prettier react tailwind typescript vercel
Last synced: 13 Apr 2026
https://github.com/aliaks-ei/childde
UI part of "Child.de" - knowledge sharing platform
autoprefixer babel css cypress e2e-tests gulp html javascript mjml postcss pug sass scss unit-tests
Last synced: 09 Apr 2026
https://github.com/aliaks-ei/advent-of-javascript
This repository contains implementation of challenges from Advent of Javascript calendar
a11y animations composition-api-vue3 css eslint javascript postcss sass tailwind typescript vite vue
Last synced: 09 Apr 2026
https://github.com/dak0rn/react-boilerplate
A boilerplate used for large React projects
babel boilerplate css-modules es2015 postcss react webpack
Last synced: 13 Apr 2026
https://github.com/adam014/inspirobot
InspiroBot is an prompting tool for modern world to discover, create and share creative AI prompts.
javascript mongodb mongoose nextjs postcss react tailwindcss
Last synced: 13 Apr 2026
https://github.com/aaren08/devevents_jsm
DevEvents is a full-stack event management platform built with modern web technologies. It enables users to browse, view details, create, and manage events, as well as handle event bookings.
better-auth cloudinary google-auth javascript mongodb nextjs nodejs postcss posthog qodo shadcn-ui tailwindcss typescript
Last synced: 08 Jan 2026
https://github.com/shekharsikku/flip-nd-find
Flip & Find - Cat Flip Game
eslint mongodb nextjs postcss prettier react tailwindcss typescript vercel-analytics
Last synced: 08 Jan 2026
https://github.com/kamon-tahara-504/portfolio
Kamon-Tahara-504 / Next.JS Portfolio
emailjs nextjs postcss react tailwindcss-v4 typescript
Last synced: 08 Jan 2026
https://github.com/1kodexxx/secretofbeauty
🌸 Секрет Красоты - адаптивный одностраничный сайт студии красоты, разработанный без фреймворков с использованием Tailwind CSS и PostCSS.
adaptive-website beauty html landing-page minimalistic postcss responsive spa tailwindcss
Last synced: 19 May 2026
https://github.com/annaindistress/frontend-mentor-scoot-multi-page-website
This is a solution to the scoot multi-page website challenge on Frontend Mentor
css-custom-properties github-actions html postcss svg-sprite vanilla-js vite
Last synced: 18 Apr 2026
https://github.com/vladis1av-code/chat
Test work in a team
css cssnano html javascript nodejs npm postcss sass
Last synced: 08 Apr 2026
https://github.com/lagden-development/lagden.dev
The official website for Lagden Development; built with NextJS and TypeScript.
eslint js nextjs postcss react tailwindcss typescript
Last synced: 26 Jan 2026
https://github.com/0-luckypenny/agency-portfolio
agency-portfolio
nextjs postcss tailwindcss typescript
Last synced: 18 Mar 2025
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/thornwalli/devterm-toolbox
devterm postcss remote thermalprinter vite vue
Last synced: 10 Apr 2025
https://github.com/yuceltoluyag/starter-template
My starter template
autoprefixer browser-sync browserlist cssnano postcss sass
Last synced: 11 May 2026
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/masterjaneza/portfolio
A modern, animated developer portfolio built with Tailwind CSS and GSAP. Designed to be responsive, elegant, and highly interactive, it showcases projects with smooth scroll-based animations and custom styling. Built from scratch to reflect a unique personality and developer experience—perfect for job applications, freelancing, or personal branding
autopreficer css3 gsap gsap-animation gsap-scrolltrigger html5 lenis lenis-js lenis-scroll modern modern-ui post-css postcss responsive smooth smooth-animation smooth-animations-and-transitions tailwindcss tailwindcss-plugin
Last synced: 05 May 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/annaindistress/frontend-mentor-3-column-preview-card-component
This is a solution to the 3-column preview card component challenge on Frontend Mentor
css-custom-properties gulp html postcss
Last synced: 13 Apr 2026
https://github.com/danielfgray/gulp-boilerplate
basically just a gulpfile
babel boilerplate browserify eslint gulp postcss stylelint
Last synced: 13 Apr 2026
https://github.com/frolov-andrey2405/finvista
Modern Banking Aesthetics Repository
autoprefixer css html js postcss react tailwindcss vitejs
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/castastrophe/postcss-rgb-mapping
A PostCSS plugin to parse out rgb values into distinct custom properties
Last synced: 17 Jul 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/halvardssm/frontend-starter
A base app which uses React, Typescript, i18next translations with POEditor, React-router, Parcel, Bootstrap, Font Awesome, SCSS
font-awesome hacktoberfest poeditor postcss react template typescript webpack
Last synced: 14 Feb 2026
https://github.com/earth-hominid/seeds-inventory-catalog
An inventory management system for an online seed store | Full stack CRUD Application with ExpressJS
expressjs javascript mongodb mongoose mvc-architecture nodejs postcss pugjs sanitization tailwind-css validation validatorjs
Last synced: 25 Jan 2026
https://github.com/lukasdias/rocket-shoes
Rocketseat Challenge of an mini e-commerce landing page
headlessui phosphor postcss prettier reactjs tailwindcss typescript vite
Last synced: 06 Apr 2026
https://github.com/muasa-harman/online-shopping-app
This Next.js project with React 18 features TailwindCSS for styling, Prisma for database management, and React Query for state management. It uses Radix UI for UI components, Framer Motion for animations, and integrates Stripe for payments. Development tools include TypeScript, ESLint, and PostCSS.
eslint framer-motion postcss postgresql prisma radix-ui react-query tailwindcss typescript
Last synced: 18 Jan 2026
https://github.com/colorfulcompany/boilerplate-jekyll-and-modern-frontend
Pure HTML を出力する(CSR/SSR などの選択肢のない)静的サイトに Jekyll とそれなりにモダンなフロントエンドのレールを用意する boilerplate およびそれらを生成するスクリプト
eslint framework jekyll nodejs postcss rollup ruby stimulusjs stylelint
Last synced: 13 Apr 2026
https://github.com/sthzg/codesandbox-tailwind-playground
Tailwind playgound running locally and on codesandbox.io.
csa-template hmr playground postcss snowpack tailwindcss
Last synced: 06 May 2026
https://github.com/annaindistress/frontend-mentor-time-tracking-dashboard
This is a solution to the time tracking dashboard challenge on Frontend Mentor
css-custom-properties github-actions postcss react rest-api svg-sprite vite
Last synced: 14 Apr 2026
https://github.com/krypton225/manage-landing-page
This is just a training in Front End Mentor website.
css3 frontend-mentor html5 postcss pugjs webpack
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/michaelschwobe/wordpress-theme-gulp-boilerplate
Drop-in Gulp tasks for WordPress theme development.
babel boilerplate browser-sync es6-javascript eslint gulp imagemin less postcss sass wordpress
Last synced: 06 Apr 2026
https://github.com/annaindistress/frontend-mentor-newsletter-sign-up-form
This is a solution to the newsletter sign-up form with success message challenge on Frontend Mentor
css-custom-properties github-actions postcss react vite
Last synced: 14 Apr 2026
https://github.com/DarinelEscobar/react-vite-shadcn-ui-template
React + Vite template with TypeScript, Tailwind CSS, and seamless V0.dev integration for effortless AI-generated components.
ai ai-templates eslint fast-prototyping postcss react react-template shadcn shadcn-ui tailwindcss typescript v0-dev v0dev vite
Last synced: 11 Oct 2025
https://github.com/haquanq-frontendmentor/expenses-chart-component
Solution for frontendmentor.io challenge: expense-chart-component
accessibility bem-css frontendmentor frontendmentor-junior html postcss
Last synced: 08 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/malcolm-kee/webpack-config
A sample React project with flexible webpack config
babel font-awesome postcss react sass typescript webpack
Last synced: 19 Jan 2026
https://github.com/sangafabrice/fttl-yt-player-wc
A YouTube Web Component with hover-to-play and pause-on-leave behavior.
karma-tests postcss rollup web-component
Last synced: 14 Apr 2026
https://github.com/snenenenenenene/ember-postcss-sass-tailwind-template
ember embroider postcss tailwindcss template
Last synced: 19 Jan 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/hentaicracker/aboutme
Aboutme by angular 4
angular angular4 postcss scss typescript webpack2 yarn
Last synced: 08 Apr 2026
https://github.com/daniguardiola/postcss-local-keyframes
PostCSS plugin that makes animations local.
animation css keyframes postcss postcss-plugin
Last synced: 21 Jan 2026
https://github.com/keidrun/boilerplate-webpack-es6-postcss
Boilerplate of a simple website using es6 and postcss with webpack.
boilerplate css css3 es6 javascript postcss webpack webpack3
Last synced: 14 Apr 2026
https://github.com/seyitbugraerden/next14-usersignandblogapp
Next14 | PocketHost | PocketBase | LDRS | JWT | React-Cookie | React-Toastify | Log In & Sing Up | Add or Manage Your Blogs | Introduce Your Career and Yourself | Can Read User's Blogs
eslint jwt jwt-auth jwt-token ldrs nextjs nextjs14 pocketbase pockethost postcss react react-cookie react-cookies tailwindcss toast toastify
Last synced: 14 Apr 2026
https://github.com/minipoly/client
Client for minipoly game
eslint fsd i18n postcss prettier react tailwindcss typescript vite yarn
Last synced: 14 Apr 2026
https://github.com/pronoia9/flapple
Experience innovation with a twist in Flapple! Dive into the whimsical world of iPhone page design like never before. With Flapple, enjoy the excitement of an Apple product launch without the hassle. It's the app that's a fruit salad for your digital cravings, without breaking the bank!
autoprefixer gsap gsap-react postcss react-three-drei react-three-fiber reactjs sentry sentry-react tailwindcss threejs vitejs
Last synced: 27 Jan 2026
https://github.com/juanpdn/github-profile
GitHub Profile: Aplicación de búsqueda de perfiles de GitHub usando HTML, CSS y JavaScript. Permite buscar por nombre de usuario, ver seguidores, seguidos, ubicación y repositorios, y acceder a detalles de cada repositorio. Diseño responsivo y funcional.
api-rest css github-profile nextjs postcss tailwind typescript
Last synced: 22 Jan 2026
https://github.com/humpherson/blueprint-app
This is a web application built with Next.js that allows users to create, edit, and manage service blueprints. The app is designed to be simple yet powerful, providing users with the ability to add, reorder, and modify stages in a service blueprint, and export their work to PDF or JSON.
emoji-dictionary html2pdf json local nextjs pdf-generation postcss reac react-dom react-icons reactjs tailwind tailwindcss
Last synced: 14 Apr 2026
https://github.com/agneym/react-app
React App Webpack 4 Configuration.
boilderplate build-tools eslint minifies postcss prettier react webpack
Last synced: 15 Oct 2025
https://github.com/sabinacristea/pomodoro-app
React Responsive Pomodoro App with change of fonts and colors
postcss reactjs tailwindcss vitejs
Last synced: 25 Jan 2026
https://github.com/chrisnajman/details-dropdown-menu
Dropdown menu using the HTML details element and anchor positioning.
accessibility anchor-positioning aria-attributes chatgpt-free css-flexbox css-grid css-imports css-nesting cssnano details dropdown-menu es6-modules esbuild html-css-javascript html-minifier-terser loading-spinner no-js postcss theme-switcher
Last synced: 15 Jul 2026
https://github.com/silvestrevivo/react-mobiquity
Small react application fetching data from https://ergast.com/mrd/ to show custom results
axios babel eslint html5 javascript postcss reactjs sass webpack4
Last synced: 08 Apr 2026
https://github.com/annaindistress/frontend-mentor-advice-generator-app
This is a solution to the advice generator app challenge on Frontend Mentor
advice-slip-api css-custom-properties github-actions html postcss vanilla-js vite
Last synced: 06 Apr 2026
https://github.com/trustworthydev/toretoergacha-web-app
Web Application for Toretoregacha
artisan javascript laravel mysql-database postcss stripe stripe-api tailwindcss vuejs vuex
Last synced: 18 Feb 2026
https://github.com/NathanielInman/jugs-vue
Vue app generator JUGS-VUE makes getting started with VueJS easy!
babel boilerplate javascript pinia postcss pug slush stylus vitejs vue vuejs
Last synced: 18 Oct 2025
https://github.com/bacoords/postcss-understrap-palette-generator
PostCSS plugin to generate a json file for Understrap theme
bootstrap postcss understrap wordpress
Last synced: 18 Oct 2025
https://github.com/trevonerd/postcss-mixins-css-grid
A CSS Grid mixin for the PostCSS Mixins plugin. The easiest way to implement a responsive grid system using CSS Grid.
css-grid css-grid-mixin postcss postcss-mixins postcss-mixins-plugin
Last synced: 19 May 2026
https://github.com/takayyz/graphql-training
GraphQLの学習用
docker graphql graphql-yoga posgresql postcss pothos prisma tailwindcss ts-node-dev typescript
Last synced: 24 Feb 2026
https://github.com/pascalduez/eleventy-css
11ty css css-modules eleventy postcss stylesheets
Last synced: 06 Apr 2026
https://github.com/samuelribeiroo/lunnaris
A modern landing page for AI-based software as as service.
framer-motion lucide-icons next-14 postcss tailwindcss
Last synced: 14 Apr 2026
https://github.com/awayken/postcss-placeholdit
PostCSS plugin that uses the placehold.it service as a placeholder for broken background images.
Last synced: 13 May 2026
https://github.com/barraponto/neutrino-preset-postcss-cssnext
cssnext support in Neutrino.
cssnext neutrino neutrino-preset postcss
Last synced: 13 May 2026
https://github.com/krypton225/social-links-profile
This is just a training in Front End Mentor website.
challenge css3 frontend-mentor html5 postcss ui-challenge
Last synced: 23 Jan 2026
https://github.com/ulyanov-programmer/formstepbystep
css form grunt html js just-validate postcss step-by-step
Last synced: 23 Jan 2026
https://github.com/hellothisisflo/webpack-sandbox
A working WebPack setup where every step of the configuration is a separate commit
autoprefixer build-tool css javascript postcss scss webpack
Last synced: 27 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/othytenk/xutul-landing-page
The landing page of the xutul project
heroicons javascript motion postcss reactjs tailwindcss
Last synced: 24 Oct 2025
https://github.com/emanuelefavero/postcss
This is a cheat sheet repo for PostCSS
autoprefixer css cssnano postcss postcss-cli postcss-import postcss-preset-env precss sass scss
Last synced: 18 Apr 2026
https://github.com/owpac/boilerplate_rails_inertia
Rails application working with Inertia and React!
esbuild inertiajs postcss propshaft rails react tailwind typescript
Last synced: 24 Feb 2026
https://github.com/ginnill/pokemon-team-builder
React and Tailwind Pokédex
api css3 html5 javascript pokedex pokemon pokemon-api postcss reactjs sass tailwindcss typescript vitejs
Last synced: 08 Apr 2026
https://github.com/erkobridee/astro-ts-tw-hello
Astro Build using TypeScript plus TailwindCSS
astro devcontainer editorconfig eslint gh-pages github-actions postcss prettier tailwindcss template typescript
Last synced: 26 Oct 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/habbaz-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: 26 Mar 2025
https://github.com/a-raskatov/a-raskatov.github.io
Произведения Андрей Раскатова (интернет-издание, разработано https://efiand.ru).
amp amp-validation bem bem-linter biome html-validation hyphen jsdoc nav-ring node-test-runner postcss pwa schema-org seo sitemap sse ssg vanilla-js
Last synced: 15 May 2026
https://github.com/fabdoc27/hirego-template
Fully responsive Tailwind template.
autoprefixer postcss responsive-design tailwindcss
Last synced: 25 Jan 2026
https://github.com/valentinmadiot/ohmyfood-restaurant_ui
Site vitrine responsive pour quatre restaurants gastronomiques, réalisé en HTML, CSS et Sass. Animations modernes et design raffiné sans JavaScript. Parfait pour un projet UI/UX.
animation-delay css-transitions flexbox grid-layout hover-effects html-css-sass keyframes-animation landing-pages menu-animation mobile-first mockup modular-scss no-javascript openclassrooms postcss responsive-design sass scss-mixins static-website ui-design
Last synced: 16 May 2026
https://github.com/melihilker/web-portfolio
This professional portfolio website, built with Next.js, React.js, and Tailwind CSS, showcases my work with a focus on performance and modern design. Leveraging the power of these cutting-edge technologies, it delivers a fast, responsive, and SEO-friendly user experience. Explore my projects and see how I bring ideas to life on the web.
frontend nextjs portfolio postcss react tailwindcss typescript
Last synced: 15 Apr 2026
https://github.com/xettri/postcss-remove-duplicate-values
A PostCSS plugin that removes duplicate CSS property values within rules, optimizing stylesheet size and improving maintainability.
css npm-package postcss postcss-plugin
Last synced: 24 Jan 2026
https://github.com/joserafael0160/jrlinks
All my links page made with HTML, PostCSS and JavaScript. 💜
all-my-links allmylinks html-css-javascript javascript link-platform links postcss
Last synced: 24 Jan 2026