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-14 00:19:16 UTC
JSON Representation

https://github.com/fourjuaneight/docker-hugo-gulp

👷🏽‍♂️Docker image form Hugo, npm, Gulp, and PostCSS build.

docker gulp hugo postcss

Last synced: 21 Jan 2025

https://github.com/joserafael0160/calculator

A simple calculator, using HTML, PostCSS, and JavaScript.

calculator calculator-web css html javascript postcss web-calculator

Last synced: 19 Jan 2025

https://github.com/pierreburel/postcss-em

PostCSS plugin to convert px in em.

css em postcss

Last synced: 15 Dec 2024

https://github.com/best-shot/postcss-preset-evergreen

A postcss preset for modern css syntaxes.

css evergreen postcss postcss-plugin preset style syntax transform

Last synced: 18 Nov 2024

https://github.com/luisfalconmx/react-store

Single Page Application created with React, React Router, PostCSS and Webpack

babel postcss react webpack

Last synced: 08 Feb 2025

https://github.com/andreivictor/webpack-bootstrap5-starter

A starter frontend boilerplate using Webpack 5, Bootstrap 5, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.

babel babel7 bootstrap bootstrap5 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint webpack webpack-boilerplate webpack5 webpack5-boilerplate

Last synced: 30 Jan 2025

https://github.com/johnwatkins0/postcss-custom-props-themes

A PostCSS plugin for generating theming classes based on CSS custom properties.

css custom-properties nodejs postcss postcss-plugin

Last synced: 13 Feb 2025

https://github.com/morzhanov/prerender-spa-boilerplate

Prerender SPA Boilerplate allows you to start new web project from scratch using Prerender-SPA-Plugin, React, Mobx-State-Tree, Mobx and Styled components.

babel babel7 boilerplate eslint javascript mobx mobx-state mobx-state-tree mst postcss prerender-spa-plugin prerendering prettier react react-router-v4 scss webpack webpack4 yarn

Last synced: 20 Feb 2025

https://github.com/jantimon/postcss-inline

PostCSS plugin that puts fonts / and images as data URIs into your CSS

fonts postcss

Last synced: 02 Jan 2025

https://github.com/simonpadbury/baselayer-3

A modern starter CSS library with container queries, a real CSS grid system, clamp() powered typography and spacing sizes, color-mix() shade utilities, and custom properties.

accessibility cascade-layers color-mix container-queries css cssgrid cssvariables eleventy-site oklch-color postcss responsive-layout

Last synced: 14 Feb 2025

https://github.com/gorriecoe/postcss-functions-lite

PostCSS plugin for exposing JavaScript functions.

postcss postcss-functions

Last synced: 10 Jan 2025

https://github.com/mellcosta/ignite_lab_design_system

Projecto de criação de um Design System

autoprefixer clsx figma phosphor-react postcss radix-ui reactjs storybook tailwindcss typescript vitejs

Last synced: 17 Jan 2025

https://github.com/avigoldman/postcss-target-email

client css email postcss postcss-plugin target

Last synced: 19 Jan 2025

https://github.com/zenekezene/vue-and-friends-boilerplate

Vuejs boilerplate with add-ons.

babel css eslint html5 husky javascript postcss pug sass sass-framework stylelint webpack

Last synced: 01 Feb 2025

https://github.com/luisfalconmx/thebouncingkoala

Company website with multilanguage support, dark mode and fully responsive for thebouncingkoala agency

babel browserslist eslint git jest postcss prettier react react-router stylelint tailwindcss vercel webpack yarn

Last synced: 08 Feb 2025

https://github.com/braswelljr/weather

Weather forecasts app with your daily and hourly updates

postcss tailwindcss webpack

Last synced: 08 Feb 2025

https://github.com/teabyii/babel-plugin-postcss-css-modules

Babel CSS Modules by PostCSS

babel babel-plugin css-modules postcss transform

Last synced: 08 Feb 2025

https://github.com/calico32/postcss-color-contrast

PostCSS `color-contrast()` polyfill

color-contrast css polyfill postcss

Last synced: 16 Feb 2025

https://github.com/jlozovei/wordpress-boilerplate

WordPress theme simplified boilerplate with gulp.js + PostCSS + es2015

boilerplate es2015 gulp postcss wordpress wordpress-boilerplate

Last synced: 13 Jan 2025

https://github.com/madeleineostoja/rucksackcss.org

Website for Rucksack

postcss rucksack website

Last synced: 18 Feb 2025

https://github.com/neetjn/neetjn.github.io

My personal portfolio SPA created with Svelte.js and Tailwind CSS.

javascript nodejs parcel portfolio postcss progressive spa svelte sveltejs tailwind tailwindcss

Last synced: 14 Feb 2025

https://github.com/ricardobeat/taks

Minimalistic ES7 async/await task runner

build grunt gulp postcss rollup task-runner tasks tasks-automation tool

Last synced: 01 Jan 2025

https://github.com/siilike/gradle-javascript-toolkit

Seamless JavaScript development with Gradle

gradle gradle-plugin javascript nodejs pnpm postcss webpack

Last synced: 17 Jan 2025

https://github.com/undistraction/webpack-boilerplate

Boilerplate project for using Webpack with ES6 and React

babel boilerplate javascript postcss react webpack

Last synced: 31 Jan 2025

https://github.com/danieledefoe/fakestore

Shopping cart application with client-side routing

css3 html5 javascript jsx postcss react react-hooks react-router tailwindcss theodinproject vite

Last synced: 19 Feb 2025

https://github.com/tardo/docker-flask

Docker image to run flask applications using gunicorn

docker-image flask gunicorn npm poetry postcss rollup supervisord

Last synced: 02 Feb 2025

https://github.com/privatenumber/postcss-custom-properties-transformer

PostCSS plugin to apply transformations to CSS custom properties (eg. mangling)

custom hash mangle minify plugin postcss properties transform

Last synced: 18 Feb 2025

https://github.com/mayank99/remix-djent-stack

Remix stack with basic postcss-preset-env, code formatting, linting etc

netlify postcss remix-stack

Last synced: 14 Nov 2024

https://github.com/sebastian-software/edgeapp

[UNMAINTAINED] A boilerplate for your own application demonstrating the power of EdgeStack.

boilerplate graphql-client jest postcss redux storybook webpack webpack2

Last synced: 25 Jan 2025

https://github.com/wearegenki/ui

A friendly UI framework which aims to be straightforward, intuitive, and high performance.

css css-grid design-system marko postcss vue wearegenki

Last synced: 21 Jan 2025

https://github.com/fantasyui-com/larceny

Transport select remote CSS declarations into the rule of a local css file (Select and inject remote CSS code into your local CSS file). [CLI, CSS, Web Design, PostCSS]

cli npx postcss

Last synced: 11 Jan 2025

https://github.com/akellbl4/introduction-to-nextjs

Demo repository for a webinar. You can find few different examples of Next.js installation in one place and play with them

bootstrap examples nextjs nextjs-example postcss styled-jsx vercel

Last synced: 12 Feb 2025

https://github.com/victor-casta/castadev.me

This project showcases my personal portfolio, a window into my journey in the world of development. Here you'll find a collection of projects that reflect my passion and skills in the technology field. Explore, discover, and connect! ✨

astro postcss prettier tailwindcss

Last synced: 18 Nov 2024

https://github.com/arpitgo4/react-redux-scaffold

Scaffolding for frontend only applications with React-Redux.

babel css-modules css3 docker eslint express html nginx nodejs postcss postcss-plugins react-hot-loader-3 react-redux react-router reactjs redux redux-thunk webpack webpack-dev-middleware webpack-hot-middleware

Last synced: 01 Jan 2025

https://github.com/tycrek/express-postcss

Express.js middleware for on-demand PostCSS compiling

express-middleware jit postcss

Last synced: 20 Nov 2024

https://github.com/winston0410/sparrow

A PostCSS plugin that helps you remove, replace, append or prepend CSS declarations without the need of writing another PostCSS plugin

hongkong postcss postcss-plugins

Last synced: 10 Feb 2025

https://github.com/scottcrowley/default-laravel-tailwind-preset

A Laravel preset with default setup and TailwindCSS

laravel postcss tailwind-css

Last synced: 09 Feb 2025

https://github.com/thoughtbit/postcss-simple-reset

:cyclone: PostCSS插件，全局样式的重置，以及单个元素的常用属性重置功能。

postcss postcss-plugins

Last synced: 07 Feb 2025

https://github.com/xeptore/sdfa

babel babel7 educational electron electron-builder javascript js postcss pug pugjs sass scss vue vuejs vuejs2 webpack webpack4 yarn

Last synced: 09 Feb 2025

https://github.com/nathanielinman/mithril-boilerplate

Mithril boilerplate with webpack, pug and stylus

autoprefixer boilerplate eslint jsx mithril postcss pug stylus webpack

Last synced: 19 Feb 2025

https://github.com/hesiod3c/react-universal

React Universal UI (in development)

java javascript objective-c postcss python react react-native reactiveui redux

Last synced: 09 Feb 2025

https://github.com/sparkbox/splinter

🐭 Parse and split SCSS files based on functions and mixins.

ast postcss scss

Last synced: 13 Jan 2025

https://github.com/tiagom13/pokedex

Aplicação em ReactJS, este projeto é uma pokedex do anime de Pokémon, consite na listagem de pokémons.

axios pagination phosphor-react pokeapi postcss react-helmet react-hooks react-icons react-loading-skeleton react-modal react-test react-testing-library reactjs tailwindcss typescript

Last synced: 31 Jan 2025

https://github.com/danieledefoe/pokemon-memory-game

Pokemon Memory Card Game

css3 html5 javascript postcss react tailwindcss theodinproject vite

Last synced: 19 Feb 2025

https://github.com/mrmartineau/zander.wtf

my site

astro jsx postcss tailwindcss utopia

Last synced: 11 Feb 2025

https://github.com/lencx/multipage-template

Multi-module(webpack4, vue2, pug, scss, postcss)

multi-page postcss pug scss vue2 webpack4

Last synced: 02 Feb 2025

https://github.com/winston0410/bewater

A PostCSS plugin that helps you automatically apply `clamp()` to values to achieve a fluid design efficently.

bewater postcss postcss-plugin postcss-sparrow

Last synced: 14 Feb 2025

https://github.com/lanceguyatt/fronter

Front-end starter kit.

development-workflow gulpjs postcss pug webpack2

Last synced: 10 Feb 2025

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

https://github.com/natterstefan/stylelint-config-ns

Stylelint config with CSS (`.(s)css`), Tailwind, PostCSS and Prettier support.

postcss prettier prettier-stylelint tailwind tailwind-stylelint

Last synced: 30 Oct 2024

https://github.com/creeperyang/postcss-percentage

PostCSS plugin to transform percentage() function

percentage postcss postcss-plugin postcss-plugins

Last synced: 11 Jan 2025

https://github.com/thoughtbit/postcss-cssplus

:cyclone: PostCSS 插件包，一个现代的、灵活的、优雅的 CSS 处理器。

postcss postcss-plugins

Last synced: 07 Feb 2025

https://github.com/joseffie/gulp-joseffie-tailwind-pack

Front-end boilerplate and framework based on Gulp, Pug, SCSS, Tailwind and Babel.

automatization babel bem bem-tools development-environment development-tools development-workflow eslint gulp lint-staged postcss pug scss starterkit stylelint tailwind webpack

Last synced: 21 Jan 2025

https://github.com/kanopi/kanopi-pack

Consolidated package management and configuration profiles for Webpack based projects

do-not-archive eslint internal-tool postcss stylelint webpack

Last synced: 13 Dec 2024

https://github.com/lamualfa/postcss-minion

Using PostCSS as Minion Extractor

minion minion-extractor postcss postcss-plugin

Last synced: 01 Jan 2025

https://github.com/kogakure/website-11ty-kogakure.de

My Ninja and Ninjutsu book website. Created in 1999. The current version is the 9th iteration. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.

11ty eleventy eleventy-website gulp javascript nunjucks postcss

Last synced: 07 Nov 2024

https://github.com/efiand/gulp-template

Шаблон с SSR/SPA на Vue и Svelte

a11y bem boilerplate eslint gulp image-optimization mobile-first nodejs pixelperfect portfolio-project postcss posthtml retinal-images sprite stylelint vanilla-js w3c-validation webp webpack

Last synced: 14 Nov 2024

https://github.com/mahdita97/machex

Machex (A React Chrome Extension Boilerplate)

chrome chrome-extension chrome-extensions manifest manifest-v3 manifestv3 postcss postcss-loader prettier react react-hot-loader reactjs tailwindcss tailwindcss-v3 ts tslint typescript webpack webpack-dev-server webpack5

Last synced: 15 Jan 2025

https://github.com/pronoia9/weavio

Dive into meaningful discussions and trendsetting ideas with Weavio, your digital hub for vibrant conversations. Inspired by Threads, Weavio offers a dynamic platform where users engage, inspire, and connect.

autoprefixer clerk clsx css html javascript mongodb mongoose nextjs postcss radix-ui react shadcn svix tailwindcss tailwindcss-animate typescript uploadthing zod

Last synced: 24 Jan 2025

https://github.com/elchininet/nextjs-postcss-rtlcss-example

Next.js project using postcss-rtlcss plugin to automatically create left-to-right and right-to-left CSS rules

left-to-right ltr nextjs postcss postcss-plugin postcss-rtlcss right-to-left rtl

Last synced: 20 Jan 2025

https://github.com/hackemateninja/hackemate

Next.js hackemate platform with stripe membership and supabase

nextjs postcss postgresql reactjs supabase tailwindcss typescript

Last synced: 07 Feb 2025

https://github.com/magsout/magsout.com

magsout personal website

personal-website personal-website-homepage postcss prettier

Last synced: 02 Jan 2025

https://github.com/jpeer264/postcss-rcs

The postcss plugin for rcs-core

css minify postcss postcss-plugin rcs rename

Last synced: 15 Jan 2025

https://github.com/yeojz/create-react-app-postcss-starter

Example setup for PostCSS using create-react-app without running eject

create-react-app postcss react starter

Last synced: 17 Feb 2025

https://github.com/alexmasterov/coding-style

:heavy_check_mark: A coding style configurations

code-style eslint-config php-cs-fixer postcss stylefmt-config stylelint-config tidy-config

Last synced: 19 Feb 2025

https://github.com/waldenliang/pug-static-pages-starter

Build a static websit with webpack and pug template engine.

bootstrap css html multi-pages postcss pug starter-template static-website stylus template webpack

Last synced: 04 Feb 2025

https://github.com/danieledefoe/neoflex-invite-app

QPICK shopping cart

css3 html5 javascript neoflex postcss react react-hooks react-router react-router-dom tailwindcss vite

Last synced: 19 Feb 2025

https://github.com/milliorn/cryptocurrency-list

Web application built with React, showcasing a list of cryptocurrencies along with their details.

autoprefixer axios cryptocurrencies cryptocurrency cryptocurrency-exchanges dompurify postcss react react-icons react-lazy-load-image-component react-router-dom reactjs tailwind tailwind-css tailwindcss tailwindui

Last synced: 12 Jan 2025

https://github.com/semanticdata/svelte-milkdown

🥛 Simple example for using Svelte with Milkdown, a plugin driven WYSIWYG markdown editor framework.

example markdown markdown-editor milkdown postcss svelte tailwindcss typescript

Last synced: 18 Jan 2025

https://github.com/jere-a/main-website

My ozze.eu.org website hosted on cloudflare.com

astro eslint nodejs postcss vitejs vitest web

Last synced: 11 Feb 2025

https://github.com/matan3sh/shopifynext

A modular e-commerce client integrated with shopify as management content system

css css-modules graphql nextjs postcss react shopify tailwind tailwind-css typescript

Last synced: 24 Jan 2025

https://github.com/lagden/sss

Convert css to sss

cli css file parser postcss sugarss

Last synced: 09 Feb 2025

https://github.com/mauroreisvieira/redom-tailwindcss

Test RE:DOM & Tailwind CSS

documentation framework javascript library postcss redom tailwindcss

Last synced: 15 Feb 2025

https://github.com/omnious/omnious-web-utils

Web utils for omnious.

css javascript postcss react typescript

Last synced: 29 Jan 2025

https://github.com/thiagoow/personalizedbanner-croct-plugreact

Projeto desenvolvido com React.js & estilizado com Tailwind + PostCSS & autoprefixer. Juntamente com a libs '@croct/plug-react' & 'react-router-dom'.

autoprefixer code-challenge croct croct-cse croct-plug postcss react react-js tailwind-css tailwindcss

Last synced: 21 Jan 2025

https://github.com/goulvenclech/goulvenclech_11_02082021

Project 11 of the OpenClassrooms "Front End Developer" course. Powered by React, React Router and TypeScript.

jest postcss react spa tailwindcss typescript

Last synced: 14 Oct 2024

https://github.com/thoughtbit/postcss-simple-utils

:cyclone: PostCSS插件，基础工具库

postcss postcss-plugins

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

https://github.com/stuymedova/svelte-scss

[DEMO] Getting to know SCSS

autoprefixer carbon-design-system postcss sass scss svelte

Last synced: 09 Jan 2025

https://github.com/bush1d3v/navarro_blog_front

The Navarro Blog API is built on high scalability and performance, implementing queues, cache banks, CI/CD jobs, automated code and dependency analysis, and a focus on testing and documentation.

actions biomejs bun cypress docker mitt nodejs nuxt pinia postcss shadcn-vue storybook tailwindcss typescript vitest vue vueuse