Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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: 2025-02-11 00:23:44 UTC
JSON Representation

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: 08 Feb 2025

https://github.com/connectkushal/cssnotes

Revision notes for css, sass and tools to work on them. Also notes on bulma and bootstrap5.

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

Last synced: 01 Feb 2025

https://github.com/anxdydx/agencyworkflow

✨🌃💫 A web-portfolio for an online paid media agency with built-in cms backend with sanity written in next.js webframework and mongodb in collaboration.

autoprefixer cms nextjs postcss sanity tailwindscss

Last synced: 11 Feb 2025

https://github.com/iamdipankarpaul/weather-app-react

🌤️ A simple weather app built with React.js that shows current weather data, hourly forecasts, and daily forecasts using OpenWeatherMap API and Open-Meteo API.

axios daisyui eslint javascript mantine-hooks openmeteo-api openweathermap-api postcss react reacthottoast tailwindcss vite weather weather-app

Last synced: 11 Feb 2025

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: 11 Feb 2025

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: 11 Feb 2025

https://github.com/asyncbanana/asyncbanana.github.io

My personal website built with HTML, JavaScript, and PostCSS, and bundled with Parcel

parcel-bundler personal-website postcss

Last synced: 08 Jan 2025

https://github.com/dangvanthanh/web-boilerplate

Boilerplate for front end projects

babel boilerplate nunjucks postcss rollup

Last synced: 14 Jan 2025

https://github.com/vladis1av-code/chat

Test work in a team

css cssnano html javascript nodejs npm postcss sass

Last synced: 01 Feb 2025

https://github.com/eliasjuk/palpitebox

✔️ PalpiteBox

api google-api javascript nextjs nodejs postcss react tailwindcss

Last synced: 07 Jan 2025

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: 21 Jan 2025

https://github.com/chrisnajman/webpack5-basic-setup

Basic Webpack 5 Setup

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

Last synced: 21 Jan 2025

https://github.com/chrisnajman/one-page-site-template

One-page site template with multiple elements, including accordion, carousel, modal and slide-in.

accessibility babel-es6 html-css-javascript postcss scss webpack

Last synced: 21 Jan 2025

https://github.com/snenenenenenene/tailwind-appuniversum

A component library tailwind-based on the @appuniverse/webuniverse libraries

component-library ember flanders postcss tailwindcss

Last synced: 10 Feb 2025

https://github.com/snenenenenenene/ember-postcss-sass-tailwind-template

ember embroider postcss tailwindcss template

Last synced: 10 Feb 2025

https://github.com/jill64/svelte-tailwind

🌀 Simplified TailwindCSS Configuration for Svelte

config css postcss sveltekit tailwind

Last synced: 10 Nov 2024

https://github.com/margo-yunanova/mesto-project

Mesto - социальная сеть для обмена фотографиями

babel css html javascript oop postcss webpack

Last synced: 21 Jan 2025

https://github.com/treetips/react-router-redux-typescript-parcel-example

react-router-redux-typescript-parcel-example

parcel postcss prettier react redux scss tslint typescript3 vscode

Last synced: 31 Dec 2024

https://github.com/koffeine/rollup-plugin-postcss

Rollup plugin for PostCSS

postcss rollup rollup-plugin

Last synced: 21 Jan 2025

https://github.com/koole/centrale-v1

🔥 dekoolecentrale.nl

postcss threejs typescript webpack

Last synced: 07 Jan 2025

https://github.com/fmanimashaun/yumeats

YumEats it is a simple landing page for a resturant that offers a variety of dishes. it is built using react and styled using tailwindcss. using tailwindcss, the app is responsive and can be viewed on any device.

postcss react tailwindcss

Last synced: 10 Feb 2025

https://github.com/fmanimashaun/netflix-clone

This is a clone of the netflix website. It is built using react and styled using tailwindcss.

axios firebase postcss react react-router redux-tt tailwindcss

Last synced: 10 Feb 2025

https://github.com/thornwalli/devterm-toolbox

devterm postcss remote thermalprinter vite vue

Last synced: 21 Dec 2024

https://github.com/hazratgs/febox

Сайт студии Febox

javascript postcss react webpack

Last synced: 21 Dec 2024

https://github.com/tobua/postcss-tags-without-class

Make HTML Tags Opt Out-Able When Adding a Class

postcss postcss-plugin

Last synced: 15 Jan 2025

https://github.com/muzabol2/calc

Simple calculator in vanilla JS

babel javascript postcss vanilla-javascript vercel webpack youtube-tutorial

Last synced: 08 Jan 2025

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: 15 Oct 2024

https://github.com/dkmfzf/webowio

A project made using the Gulp collector. The site is not for a portfolio, but in order to test the technology I have studied

css gulp html javascript js nodejs postcss stylelint

Last synced: 21 Dec 2024

https://github.com/efiand/sedona

Сайт туристического городка.

a11y eslint flatpickr gulp htmlacademy image-optimization mentorship-programme pixelperfect postcss posthtml progressive-enhancement range-slider semantics sprite stylelint w3c-validation webp webpack

Last synced: 13 Jan 2025

https://github.com/ryan-dorman/pomodoro-clock

A simple Pomodoro clock designed to help control your work patterns to ensure appropriate breaks are taken. Features graphic display of time progression, and use of the Notification API.

gulpjs html javascript postcss progressbar-js

Last synced: 06 Jan 2025

https://github.com/efiand/anne-blog

Образцы страниц блога копирайтера.

a11y bem gulp image-optimization pixelperfect postcss retinal-images stylelint w3c-validation

Last synced: 13 Jan 2025

https://github.com/efiand/cooknote

Кулинарная книга с возможностью добавления и редактирования рецептов. Визуальный редактор, категории, разделы

a11y admin-panel commercial design eslint fastify favicons nodejs portfolio-project postcss postgresql semantics stylelint sveltekit

Last synced: 13 Jan 2025

https://github.com/efiand/vue-form-multistep

Форма из нескольких шагов-роутов на Vue, pinia, vuelidate. Typescript, scss, vite

eslint pinia portfolio-project postcss stylelint vite

Last synced: 13 Jan 2025

https://github.com/efiand/portfolio

Портфолио со списком работ и биографией. Все данные получаются по Github API

a11y design eslint mobile-first portfolio-project postcss posthtml semantics spa stylelint svg vue-router vuex webpack

Last synced: 13 Jan 2025

https://github.com/efiand/mobf21

Предыдущая версия сайта mobf21.com

a11y bem commercial design eslint mobile-first opengraph portfolio-project postcss schema semantics spa stylelint sveltekit webp

Last synced: 13 Jan 2025

https://github.com/efiand/scandi

Одностраничник студии дизайна интерьеров. Demo собственного сборщика

a11y bem eslint fastify htmlacademy image-optimization mentorship-programme mobile-first pixelperfect postcss semantics sprite stylelint svelte-ssr w3c-validation webp webpack

Last synced: 13 Jan 2025

https://github.com/efiand/drink2go

a11y bem esbuild favicons gulp htmlacademy leaflet mentorship-programme mobile-first pixelperfect portfolio-project postcss posthtml progressive-enhancement range-slider sprite stylelint swiper w3c-validation webp

Last synced: 13 Jan 2025

https://github.com/efiand/svelte-fastify-template

Сборка для создания простых изоморфных приложений SSR/SPA

boilerplate browser-sync eslint fastify lintspaces markdownlint portfolio-project postcss rollup sprite squoosh stylelint svelte-routing svelte-ssr svgo

Last synced: 13 Jan 2025

https://github.com/seyitbugraerden/next14-usersignandblogapp

eslint jwt jwt-auth jwt-token ldrs nextjs nextjs14 pocketbase pockethost postcss react react-cookie react-cookies tailwindcss toast toastify

Last synced: 15 Jan 2025

https://github.com/vcjpierre/tails

A simple landing page Tailwind CSS + Snowpack starter

landing-page postcss snowpack tailwindcss

Last synced: 27 Jan 2025

https://github.com/condesaheki/cmb

A Svelte-based web app to provide an interactive platform for cmb community

autoprefixer brazil community daisyui mapping osu postcss svelte sveltekit tailwindcss typescript

Last synced: 28 Jan 2025

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

stylus syntax for postcss

css-modules postcss stylus

Last synced: 21 Jan 2025

https://github.com/sthzg/codesandbox-tailwind-playground

Tailwind playgound running locally and on codesandbox.io.

csa-template hmr playground postcss snowpack tailwindcss

Last synced: 27 Jan 2025

https://github.com/buschtoens/broccoli-multi-postcss

Broccoli plugin to transform one or more input files using PostCSS to one or more output files.

broccoli broccoli-plugin postcss

Last synced: 03 Feb 2025

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: 04 Feb 2025

https://github.com/exslym/uikit-test

A basic typesafe UI Library built on top of React, Typescript, TailwindCSS and Storybook

jest postcss react storybook typescript

Last synced: 04 Feb 2025

https://github.com/radhamadhabseth/next-auth-mongoose

A production-ready authentication template with NextAuth v5, MongoDB/Mongoose, and TypeScript. Supports credentials + OAuth providers.

bcryptjs clerk-auth ecommerce-application formik google-authentication lucia-auth mongodb mongoose-database mongose oauth2 postcss signup-with-google starter-template useswr

Last synced: 10 Feb 2025

https://github.com/monokrome/webpack-react-redux-starter

postcss react redux website

Last synced: 20 Dec 2024

https://github.com/jdsteinbach/sass-postcss

Using Sass & PostCSS Together

css postcss sass

Last synced: 04 Feb 2025

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: 08 Feb 2025

https://github.com/robinck/webpack-starter-kit

Boilerplate project for a web application requiring es6 / es7, webpack 🇺🇦

autoprefixer babel es6 es7 eslint hmr html-injection less linter live-reload postcss scss starter-kit starter-project starter-template static stylelint webpack

Last synced: 08 Feb 2025

https://github.com/h3rmel/sen-financa

A simple web application for personal finance management.

autoprefixer daisyui es6 localstorage postcss pwa react react-router tailwindcss vitejs

Last synced: 15 Jan 2025

https://github.com/cyansalt/postcss-transform-decl

Transform any declarations with custom rules

postcss postcss-plugin

Last synced: 28 Jan 2025

https://github.com/chrisross5/supit-project

College project (Internet technology S3): 6 versions of the same web app - built and compared UX & DX: jQuery, Vue, Vue Full, React, React Full, Svelte. Deployed on Cloudflare Pages.

bootstrap headlessui javascript jquery jquery-ui lighthouse pinia postcss react react-redux react-router react-transition-group rendering svelte sveltekit tailwindcss typescript vite vue vue-router

Last synced: 15 Jan 2025

https://github.com/yakovlev-alexey/next-pcss

Import global `.pcss` files in your Next.js project.

next nextjs pcss postcss

Last synced: 10 Feb 2025

https://github.com/magnateape/svelte-gpt-integration

chatgpt gpt postcss svelte tailwindcss

Last synced: 28 Jan 2025

https://github.com/johnwatkins0/postcss-custom-prop-fallbacks

Provides fallbacks for custom properties set in :root.

css-custom-properties postcss

Last synced: 12 Jan 2025

https://github.com/rakib0061/know-git

Vite.JS starter template for vanilla JavaScript, Bootstrap, sass, Gulp.js with some basic dependencies.

boilerplate-template bootstrap5 eslint gulpjs javascript popperjs postcss prettier sass vitejs

Last synced: 17 Jan 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: 03 Feb 2025

https://github.com/mihoag/image-galary-react

material-ui postcss reactjs tailwind toastify typewriter-animation unplash-api

Last synced: 20 Dec 2024

https://github.com/efiand/wfl

Лендинг музыкального альбома. Демонстрация плейлиста на Web Audio API

bem eslint favicons gulp opengraph portfolio-project postcss posthtml sprite stylelint webpack

Last synced: 13 Jan 2025

https://github.com/locol23/webpack-scss-starter

A boilerplate of static site using webpack + postcss(scss)

postcss scss webpack

Last synced: 08 Jan 2025

https://github.com/efiand/pineglade-app

Engine for launching and assembling small and medium-sized sites.

bem-linter boilerplate eslint fastify lintspaces markdownlint postcss sprite squoosh stylelint svelte-routing svelte-ssr svgo w3c-validation webpack

Last synced: 13 Jan 2025

https://github.com/efiand/device

Интернет-магазин гаджетов.

bem favicons gulp portfolio-project postcss posthtml range-slider sprite webpack

Last synced: 13 Jan 2025

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

Loader to transform CSS string into module

css javascript loader modular postcss webpack

Last synced: 22 Jan 2025

https://github.com/efiand/vue3-boilerplate

Стартовый шаблон для разработки SPA.

boilerplate css-icons eslint pinia portfolio-project postcss prettier stylelint vite

Last synced: 13 Jan 2025

https://github.com/tomasz-sodzawiczny/postcss-plugin-chain

Utility for chaining multiple PostCSS plugins as a single one.

chain chaining plugin postcss postcss-plugin

Last synced: 22 Jan 2025

https://github.com/vlad-moskalenko/carshop-next.js

axios next postcss react react-dom tailwindcss typescript

Last synced: 16 Jan 2025

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: 28 Jan 2025

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: 14 Oct 2024

https://github.com/lucjosin/astro-rename-example

How to use the astro-rename integration to hash all CSS class names from your astro project

astro css integration postcss

Last synced: 10 Feb 2025

https://github.com/aganglada/aganglada.github.io

Personal website

personal-website postcss yarn

Last synced: 15 Jan 2025

https://github.com/saulwolfdev/skeleton

babel javascript npm postcss sass webpack

Last synced: 17 Jan 2025

https://github.com/givebest/postcss-usage

autoprefixer postcss

Last synced: 22 Dec 2024

https://github.com/stephane-klein/svelte-ssr-postcss-postgres-poc

Svelte + SSR + PostCSS + PostgreSQL

poc postcss postgresql ssr svelte

Last synced: 28 Jan 2025

https://github.com/blackoutseeker/felips-rfe

My Final Internship Report in website format

eslint nextjs postcss prettier reactjs tailwindcss typescript

Last synced: 26 Jan 2025

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: 16 Jan 2025

https://github.com/nishathub/master_boiler_plate

HTML Front-End Boiler Plate : Enriched with a common setup(scss, sass, postcss etc.), editable to begin a new project

boilerplate css html postcss postcss-config scss

Last synced: 16 Jan 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: 07 Feb 2025