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/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/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/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/barryblando/modern-workflow

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

babel gulp jquery postcss sizzy webpack

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

HeartBeat: A playful web app that turns asking someone on a date into an irresistible interactive experience. Perfect for engineers who express love better through code than words! 💻❤️

aria-label asking-for-a-date-from-your-crush autoprefixer color-blind-accessible cute date-proposal dating-web-app github playful postcss reactjs tailwindcss

Last synced: 09 May 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/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/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/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/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/haquanq-frontendmentor/insure-landing-page

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

bem-css frontendmentor frontendmentor-junior javascript postcss sass

Last synced: 09 Apr 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/jerriclynsjohn/jekyll-tailwind

Jekyll + TailwindCSS Starter Template

jekyll postcss purgecss static-site-generator tailwindcss

Last synced: 10 May 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/imbrn/tv-show-details

📺 A TV show details application

app postcss react

Last synced: 10 May 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/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/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/dokozero/postcss-oklch-relative-chroma

PostCSS plugin to use relative chroma in oklch().

chroma color css oklch postcss

Last synced: 09 Apr 2026

https://github.com/grawl/identity

Static website compiler on NPM & Gulp

browsersync gulp npm postcss posthtml pug sass

Last synced: 08 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/0xzakk/postcss-easings

Custom easing functions for PostCSS! :chart_with_upwards_trend:

css css-animations css-transitions easing-functions easings postcss postcss-plugin

Last synced: 10 May 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/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/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/jaketrent/test-postcss-import

test postcss-import plugin with esm, conditional exports, webpack5

postcss webpack

Last synced: 10 May 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/winston0410/postcss-sparrow-values-filter

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

postcss postcss-plugin postcss-sparrow

Last synced: 10 May 2026

https://github.com/css-george/postcss-george

A plugin for PostCSS to allow runtime manipulation of variables.

css-variables hacktoberfest postcss

Last synced: 24 Jul 2025

https://github.com/newset/postcss-stylus

stylus syntax for postcss

css-modules postcss stylus

Last synced: 02 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/solis-lab/training

The base training for creating a Frontend Development module. ES6, SCSS/postCSS supports.

es6-javascript postcss

Last synced: 06 Sep 2025

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/castastrophe/postcss-rgb-mapping

A PostCSS plugin to parse out rgb values into distinct custom properties

css postcss postcss-plugin

Last synced: 25 Feb 2025

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/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/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/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/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/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/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/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/awayken/postcss-placeholdit

PostCSS plugin that uses the placehold.it service as a placeholder for broken background images.

postcss

Last synced: 13 May 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/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/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/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

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