Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

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:

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.

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/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/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: 11 Oct 2025

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/gokatz/tailwind-scss-setup

SCSS and Tailwind setup for an Ember project

emberjs postcss scss tailwindcss

Last synced: 16 Jan 2026

https://github.com/zhangwei900808/hiynn-layout

海云页面布局组件

npm postcss react rollup

Last synced: 27 Jan 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/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/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/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/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/marius-pieptea/react-mini-reddit

A minimal setup for a React application using Vite, including Redux, Axios, and Jest. Supports HMR and ESLint.

axios babel eslint hmr jest postcss react redux swc tailwindcss vite

Last synced: 22 Feb 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/barryblando/modern-workflow

ES6+, Babel, Webpack, Gulp, PostCSS, Mobile-First

babel gulp jquery postcss sizzy webpack

Last synced: 25 Jan 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/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/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/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/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

https://github.com/sms-system/postcss-scopes

PostCSS plugin that automagic adds scopes to CSS

css css-modules html postcss postcss-scopes

Last synced: 24 Feb 2026

https://github.com/vvaldesc/shadcn_aceternity_ui_practice

Little Vite React Interface using external front-end libraries

aceternity-ui front-end-development nextui postcss react shadcn-ui tailwindcss vite

Last synced: 28 Jan 2026

https://github.com/lajule/ccss

Checks CSS properties declaration order

chokidar nodejs postcss

Last synced: 29 Jan 2026

https://github.com/andre-araujo/weather-app

A simple app to do Weather forecast world-wide using Parceljs and ReactJs

docker lesscss nodejs parcel-bundler postcss reactjs

Last synced: 29 Jan 2026

https://github.com/humpherson/audio-recorder-app

A browser-based audio recorder using the MediaRecorder API with real-time uploads to Azure Blob Storage. Supports cross-browser compatibility, automatic MIME type detection, and resilient chunked uploads with retry logic. Includes seamless playback and download of recordings, ideal for modern web and cloud applications. 🚀

html5 mediarecorder mediarecorder-api postcss react react-dom tailwindcss vite

Last synced: 15 Apr 2026

https://github.com/wilmer2000/angular-app-base

Base app Angular v20 with some configuration: Tailwind + ESLinter + Prettier + PostCSS + Immer

angular eslinter immer postcss prettier tailwindcss

Last synced: 15 Apr 2026

https://github.com/johnwatkins0/postcss-spacing-utils

Generates spacing utility classes from user settings.

css postcss

Last synced: 07 Feb 2026

https://github.com/chrisnajman/filter-quotes-v2

A lightweight app for displaying a collection of quotations from a JSON file using an HTML template. Short quotes use <q>, longer ones use <blockquote>, and entries can be filtered by author or tag.

accessibility aria-attributes css-flexbox css-grid css-imports css-nesting cssnano details es6-modules esbuild html-css-javascript html-minifier-terser html-template json loading-spinner no-js postcss resize-observer sticky-headers theme-switcher

Last synced: 15 Apr 2026

https://github.com/thoughtbit/lego-ui

🐬 一个面向未来的、灵活的、低耦合的CSS解决方案

css postcss

Last synced: 15 Apr 2026

https://github.com/afeiship/postsass

Cli compiler for sass/scss via dart-sass and postcss.

cli dart-sass postcss sass scss

Last synced: 15 Feb 2026

https://github.com/jvidalv/parcel2-tailwind-preact-typescript-example-2021

Example project that bundles Parcel 2 +Tailwind/jit + Preact + TypeScript.

parcel postcss preact tailwind tutorials typescript

Last synced: 15 Apr 2026

https://github.com/cristian20044121/blog

Este es un proyecto sencillo de una aplicación web que utiliza Tailwind CSS y Vite para el desarrollo rápido y eficiente de interfaces de usuario. También incluye configuraciones para el tema de dark mode utilizando PostCSS y JavaScript.

html5 javascript node-modules package-json postcss tailwind-config taiwlindcss vite

Last synced: 15 Apr 2026

https://github.com/winston0410/postcss-auto-text-indent

A PostCSS Sparrow plugin that helps you append `text-indent` to a selector when `letter-spacing` is found, in order to center words correctly.

css postcss postcss-sparrow tailwindcss

Last synced: 15 Apr 2026

https://github.com/biswa-ganguly/virtualr

Virtual-R is a front-end project that showcases a modern web-site look

front-end javascript postcss reactjs tailwind-css vite

Last synced: 08 Feb 2026

https://github.com/marco5dev/portfolio-react-tsx-tailwind-daisyui-blog-devto

A Nice UI/UX Portfolio with React TSX, tailwind css, postCSS, Blog with devto api

blog devto devto-api portfolio postcss raectjs react react-router tailwind tailwindcss tsx ui uiux ux

Last synced: 26 Feb 2026

https://github.com/haquanq-frontendmentor/clipboard-landing-page

Solution for frontendmentor.io challenge: clipboard-landing-page

bem-css frontendmentor frontendmentor-junior postcss stylelint

Last synced: 15 Apr 2026

https://github.com/cgutwin/frontendmentor

My completions of the Frontend Mentor projects.

css3 frontend frontend-mentor html5 postcss

Last synced: 15 Apr 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/rnyell/postcss-contains

Style elements based on their existing property or declaration.

css postcss postcss-plugin

Last synced: 11 Feb 2026

https://github.com/lab4studio/postcss-px-to-rem

PostCSS plugin that automatically converts pixel (px) values to rem units in your CSS, allowing for scalable and responsive designs by basing measurements on the root font size.

postcss postcss-plugin px-to-em px-to-rem

Last synced: 27 Feb 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/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/tricinel/postcss-color-hsla-fallback

PostCSS plugin to transform hsl and hsla to hexadecimal

color color-convert css hsl-color postcss postcss-plugin

Last synced: 16 Apr 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/adn0s/daily-planner

Make your day better with Daily Planner app. Easy to use: add tasks with info like what it's about, when it's due, and how important it is. It's simple to keep track of everything. Get more done with less hassle.

jest postcss react redux tailwindcss typescript

Last synced: 12 Feb 2026

https://github.com/thedroelfi/postcss-responsive-css-values

This PostCSS plugin provides you with a function that allows you to use dynamic values instead of static CSS values, which are automatically reduced from a defined breakpoint.

css css-values postcss postcss-plugin responsive-design responsive-web-design

Last synced: 13 Feb 2026

https://github.com/winston0410/postcss-sparrow-units-filter

A PostCSS Sparrow plugin that helps you search CSS declarations by units.

postcss postcss-sparrow

Last synced: 13 Feb 2026

https://github.com/the-puppet-studios/sveltis

Sveltis is a preset for building modern Svelte applications.

nodejs postcss svelte sveltekit sveltis tailwindcss ts typescript

Last synced: 13 Feb 2026

https://github.com/vcjpierre/tails

A simple landing page Tailwind CSS + Snowpack starter

landing-page postcss snowpack tailwindcss

Last synced: 16 Apr 2026

https://github.com/dbish6/open_weather_app

This weather app utilizes the powerful Open Weather API and delivers real-time weather information for cities all around the world!

postcss reactjs

Last synced: 28 Feb 2026

https://github.com/belchenkov/nexter

Create Site with html5, css3 (Grid system)

css3 grid html5 node-sass postcss scss

Last synced: 28 Feb 2026

https://github.com/nishathub/lawyer-landing-page

A lawyer portfolio responsive website with night-mode

html5 lawyer-and-law-agency portfolio-website postcss scss

Last synced: 07 Jul 2025

https://github.com/zyloxweeb/my-website

Questo progetto è un sito di presentazione personale realizzato con React, Express, e MongoDB. Il sito include una homepage, una pagina "About", una sezione per i progetti e un modulo di contatto. Utilizza `react-router-dom` per la navigazione e `axios` per le richieste HTTP, con uno stile moderno grazie a CSS e Tailwind CSS.

css javascript postcss tailwindcss

Last synced: 28 Feb 2026

https://github.com/connectkushal/cssnotes

Revision notes for css, sass, bulma, bootstrap5 and the related tools

bootstrap5 bulma bulma-css bulma-css-framework css css-flexbox css-grid css3 notes postcss sass sass-framework tutorial vite

Last synced: 15 Feb 2026

https://github.com/sshari/remark-mdx-postcss

Remark plugin to bundle a style tag with MDX content via postcss.

css mdx postcss remark-plugin

Last synced: 16 Apr 2026

https://github.com/kieranwv/vite-plugin-bundle-styles

Bundles and compresses all style files into a single optimized CSS file.

bundle css cssnano less plugin postcss sass scss style stylus vite vite-plugin

Last synced: 02 Mar 2026

https://github.com/mattwca/postcss-unwrap-nested-selectors

A small PostCSS plugin to unwrap nested CSS selectors, compatible with the PostCSS modules plugin

css-modules nested-css postcss postcss-modules postcss-plugin

Last synced: 02 Mar 2026

https://github.com/chrisnajman/paginators

A modular, lightweight and accessible pagination system for displaying content from various (and varied) JSON data sources. Supports multiple pages with a customisable number of items per page and dynamic pagination buttons.

accessibility aria-attributes chatgpt-free css-flexbox css-grid css-nesting cssnano es6-modules esbuild history-management html-css-javascript html-minifier-terser json live-regions loading-spinner no-js pagination postcss theme-switcher

Last synced: 16 Apr 2026

https://github.com/vinpac/webpack-modular-css-loader

Loader to transform CSS string into module

css javascript loader modular postcss webpack

Last synced: 16 Apr 2026

https://github.com/chrisnajman/frontend-practice-project-webpack-5

A page built from the Abstract Project design at Frontend Practice using Webpack 5

babel dart-sass html-css-javascript json postcss svg-sprites webpack5

Last synced: 16 Apr 2026

https://github.com/haquanq-frontendmentor/conference-ticket-generator

Solution for frontendmentor.io challenge: conference-ticket-generator

bem-css frontendmentor frontendmentor-junior postcss

Last synced: 14 May 2026

https://github.com/iwatanikenji/event-platform

GraphCMS integrated application developed to organize classes and livestreams based on a launch date

apollo graphcms graphql phosphoricons postcss router-dom tailwindcss

Last synced: 17 Apr 2026

https://github.com/keidrun/boilerplate-gulp-postcss

Boilerplate of PostCSS with Gulp.

boilerplate css css3 cssnext design es2015 es6 gulp postcss

Last synced: 17 Apr 2026

https://github.com/annaindistress/frontend-mentor-easybank-landing-page

This is a solution to the easybank landing page challenge on Frontend Mentor

css-custom-properties github-actions html postcss svg-sprite vanilla-js vite

Last synced: 17 Apr 2026

https://github.com/liinkiing/react-webpack-boilerplate

Small boilerplate to train myself with webpack configurations, postcss, babel, env files and all those nice stuff

babel7 browserlist postcss react webpack4

Last synced: 17 Apr 2026

PostCSS Awesome Lists
awesome-tailwindcss 71 fucking-awesome-tailwindcss 32
PostCSS Categories
Learning 79 Plugins 70 Tools 57 UI Libraries, Components & Templates 50 Starters & Themes 33 UI libraries, components & templates 29 Useful links 9 IDE extensions 5 IDE Extensions 3 Source 1