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/tomchochola/browser-webpack-typescript-app-template

The Browser Webpack TypeScript App Template is a comprehensive solution for building modern browser-based applications with TypeScript and Webpack. With a pre-configured setup for TypeScript, PostCSS, Stylelint, and Prettier, this template offers an optimal starting point to streamline your frontend development process.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 19 Nov 2024

https://github.com/biril/modcss

Modular CSS with postCSS and npm scripts

css css-modules example npm-scripts postcss tutorial

Last synced: 07 Feb 2025

https://github.com/keidrun/boilerplate-react

Boilerplate of React with Webpack.

boilerplate css css3 flow flow-typed flowtype postcss react react16 webpack webpack2

Last synced: 23 Jan 2025

https://github.com/frontendweb3/blogpost

Blog post is simple lightweight html template for blog build with tailwindcss

css html html-css html-template html5 postcss postcss-cli tailwindcss

Last synced: 14 Feb 2025

https://github.com/tolking/postcss-flex-alias

PostCSS plugin easily write flex

flex plugin postcss postcss-flex-alias

Last synced: 18 Feb 2025

https://github.com/imerkle/mobx-react-typescript-webpack-i18n-mst-antd

🍽 boilerplate for mobx , react, typescript, webpack, i18n, antd, mobx state trees,

antd boilerplate i18n mobx mobx-state-tree postcss react react-router-v4 typescript webpack yarn

Last synced: 11 Jan 2025

https://github.com/timscodebase/design-tim

This is my personal website.

html-css-javascript postcss svelte sveltekit typescript

Last synced: 02 Dec 2024

https://github.com/y-solb/diary

그림 일기장

firebase postcss react

Last synced: 07 Feb 2025

https://github.com/lhywell/postcssinwebpack

vue项目中的postcss与webpack配置

postcss vuejs2 webpack3

Last synced: 25 Jan 2025

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

:cyclone: A future-facing CSS preprocessor for working with cssplus

cli postcss preprocessor

Last synced: 07 Feb 2025

https://github.com/aeyoll/postcss-imageset-type

PostCSS plugin for adding image-set type to background-images.

image-set postcss

Last synced: 13 Feb 2025

https://github.com/nafizpervez/payme

a Responsive Payment Application Based on Flutter and Laravel

api-rest axios bootstrap5 flutter flutter-app flutter-getx flutter-web laravel-framework php-library postcss qrcode-scanner sass vuejs

Last synced: 08 Jan 2025

https://github.com/bernardomennndes/routine-planner

Projeto desenvolvido durante a oficina de introdução ao React.js, durante o evento da semana do programador Unicoder.

postcss radix-ui react tailwindcss typescript vite zod

Last synced: 12 Feb 2025

https://github.com/ezavile/react-ts

Start your project using React, TypeScript and PostCSS

postcss react typescript webpack

Last synced: 18 Feb 2025

https://github.com/loreina/base

Webpack 4 starter (babel, eslint, sass, postcss)

babel eslint html javascript nodejs postcss scss webpack

Last synced: 10 Feb 2025

https://github.com/osamamammar/library

📚 JS practice project from (The Odin Project). library

css html javascript postcss pugjs theodinproject

Last synced: 01 Feb 2025

https://github.com/osamamammar/gui-rock-paper-scissor

JS practice project from (The Odin Project). rock paper scissor GUI

css frontend game html jade-template-engine javascript js postcss pug-template-engine pugjs responsive-design theodinproject

Last synced: 01 Feb 2025

https://github.com/osamamammar/calculator

🧮 JS practice project from (The Odin Project). calculator

css html javascript postcss pugjs theodinproject

Last synced: 01 Feb 2025

https://github.com/koval01/tonview-svelte

Ton explorer on Svelte with Framework7

cloudflare-pages framework7 javascript notcoin postcss svelte sveltejs tailwind tailwindcss telegram ton toncoin typescript vite

Last synced: 10 Feb 2025

https://github.com/the-holocron/threepio

The protocol droid.

babel babel-preset browserslist browserslist-config commitlint commitlint-config eslint eslint-config jest-preset lerna lint-staged-config markdownlint markdownlint-config monorepo postcss postcss-config semantic-release-config storybook-config stylelint-config webpack-config

Last synced: 18 Oct 2024

https://github.com/keqingrong/postcss-font-family-correction

A PostCSS plugin to correct font-family values

css font-family postcss

Last synced: 09 Feb 2025

https://github.com/pierrecholhot/hank

Live OS monitoring UI built on top of HighCharts.js

babel es6 express-js highcharts node-js os-monitor postcss socket-io webpack

Last synced: 15 Jan 2025

https://github.com/arden-rh/shelf-control

A web app for managing your personal library

firebase firebase-auth firestore melt-ui postcss school-project svelte sveltekit tailwindcss typescript vite

Last synced: 11 Feb 2025

https://github.com/alex-kinokon/postcss-light-dark

PostCSS implementation of light-dark() function

postcss

Last synced: 12 Jan 2025

https://github.com/rasulwebs/mongodb-starter

First step integrated using Atlas platform using MongoDB database through Vercel. This makes FullStack projects easier and more convenient.

atlas css dotenv mongodb next nextauth postcss react tailwindcss typescript vercel

Last synced: 12 Feb 2025

https://github.com/puku0x/angularjs-onsenui2-webpack2

AngularJS + Onsen UI 2 + Webpack2 + PhoneGap + ES2017 + SCSS/cssnext のサンプル

angular angularjs cssnext es2017 hybrid-apps onsen-ui phonegap postcss scss webpack2 yarn

Last synced: 18 Nov 2024

https://github.com/mitulagr2/phraseshift

A user-friendly transcript editor.

bun jest postcss react tailwindcss transcription typescript

Last synced: 18 Feb 2025

https://github.com/fabberr/nlw9-web

Web frontend for NLW9's application. Created with @vitejs + React + TypeScript.

css3 html5 postcss react twitch typescript vitejs

Last synced: 08 Feb 2025

https://github.com/jgarber623/eleventy-plugin-postcss

An Eleventy plugin for processing CSS files with PostCSS.

11ty 11ty-plugin eleventy eleventy-plugin postcss

Last synced: 08 Feb 2025

https://github.com/mouhametnd/pomodoro-app

This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js

bem-methodology gulpjs javascript localstorage postcss scss

Last synced: 17 Jan 2025

https://github.com/neurosnap/postcss-scale-media-query

Scale media query `-width` by some percentage

media-query postcss postcss-plugin scale

Last synced: 08 Feb 2025

https://github.com/premierstacks/.github

Welcome to the Premierstacks GitHub organization! In this document, I'll explain what Premierstacks is, what it offers, and how you can gain access to proprietary development stacks and templates. You’ll also find a brief introduction about me, Tomáš Chochola, the creator of Premierstacks.

eslint javascript laravel nodejs php php-cs-fixer phpstan postcss premierstacks prettier react stack stylelint template tomchochola typescript webpack

Last synced: 08 Feb 2025

https://github.com/creaworks-labs/postcss-react-bender

PostCSS plugin to process react-bender styling features with scss like syntax.

css-in-js cssnext postcss postcss-plugin react-native styled-components stylesheet

Last synced: 15 Feb 2025

https://github.com/kailoon/postcss-starter

Postcss starter is a starter kit for any project using postcss.

css nodejs pnpm postcss starter

Last synced: 01 Feb 2025

https://github.com/devniel/derb

Devniel's Express and React Boilerplate

boilerplate express hot-module-replacement postcss react reactjs webpack2

Last synced: 12 Jan 2025

https://github.com/seniorjoinu/react-frontend-skeleton

Don't waste your time

ajax babel boilerplate easy easy-to-use frontend generator javascript minimal minimalistic postcss react react-redux-router redux sass simple skeleton template webpack

Last synced: 16 Jan 2025

https://github.com/cxspxr/react-shortener

:link: Rails API & React URL Shortener

coffeescript2 heroku jsx postcss rack-attack rails rails5-api react reactjs rspec stylus sugarss url-shortener webpack

Last synced: 18 Oct 2024

https://github.com/braswelljr/hit

Hive Institute Website

autoprefixer nextjs postcss react tailwindcss vercel

Last synced: 08 Feb 2025

https://github.com/melhosseiny/get-rhythm

PostCSS plugin to generate vertical rhythm using a modular typographic scale

deno postcss typography

Last synced: 23 Jan 2025

https://github.com/tolking/postcss-propro

adds and extends some properties

plugin postcss postcss-propro

Last synced: 08 Feb 2025

https://github.com/aholachek/basic-postcss-setup

A simple npm scripts-powered set up for experimenting with Shoelace.css and postcss in general

postcss shoelacecss starter-template

Last synced: 05 Jan 2025

https://github.com/gsoft-inc/wl-web-configs

Shared configurations for building web applications at Workleap.

browserslist eslint postcss stylelint swc tsup typescript webpack

Last synced: 18 Oct 2024

https://github.com/bntzio/reaction

A super simple yet powerful react + redux boilerplate

babel boilerplate eslint karma mocha postcss react redux webpack

Last synced: 30 Dec 2024

https://github.com/kelvin-mai/image-hub

A Instagram-like web application made in the MERN stack

express instagram mongodb nodejs postcss react

Last synced: 01 Jan 2025

https://github.com/bigcui/postcss-px2scale

把px转成一个动态变量rpx

postcss px2rpx

Last synced: 22 Jan 2025

https://github.com/persteenolsen/webpack-5-es-boilerplate

A Webpack 5 boilerplate with Babel - Ready for using ES6 and above

babel boilerplate es6 postcss webpack

Last synced: 18 Feb 2025

https://github.com/atakantepe/tailwindcss-parser

A utility tool for parsing Tailwind CSS output files into structured JSON files using PostCSS. Originally developed for the TailwindCSS Cheat Sheet project.

css-parser json postcss tailwind-css utility-tool web-development

Last synced: 18 Feb 2025

https://github.com/aras-ax/postcss-vars-process

PostCSS plugin to extract and replace variables from css, support legal custom format variables

css-variables extract extract-values postcss

Last synced: 05 Nov 2024

https://github.com/imedadel/styled-lostgrid

[WIP] Port of Lost-Grid to Styled-Components

lost-grid postcss react styled-components

Last synced: 18 Feb 2025

https://github.com/fsmaiorano/snippets-vault

:computer: Save your own snippets on a mysql server.

bootstrap4 express mariadb nodejs nunjucks postcss ts-node typeorm typescript

Last synced: 22 Dec 2024

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

My travel blog for walking and cycling the city of Hamburg. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.

11ty eleventy eleventy-website gulp javascript nunjucks postcss

Last synced: 28 Dec 2024

https://github.com/axept/prejss-postcss-parser

PostCSS Parser for PreJSS

css css-in-js jss parser postcss prejss sass

Last synced: 15 Feb 2025

https://github.com/sumingcheng/moduvue

基于Webpack5和Vue3的框架，提供了许多常用的功能和工具，可以帮助快速搭建一个高效、可扩展和易维护的Web应用程序。

autoprefixer axios babel crypto dayjs echats element-plus gulp js-cookie less loadsh postcss prettier vue-router vue3 vuex webpack-analyzer webpack5

Last synced: 11 Jan 2025

https://github.com/buddye/postcss-remove-important

PostCSS cleanup plugin to strip !important for AMP compatible CSS

postcss postcss-plugin

Last synced: 10 Jan 2025

https://github.com/mohamedsamara/react-webpack-starter

:dart: Simple React Webpack Starter

development eslint postcss prettier production pwa react sass webpack

Last synced: 03 Jan 2025

https://github.com/azmy60/ci4-rollup-postcss-tailwind

A simple todo list app with CodeIgniter 4, Rollup.js, PostCSS, and Tailwind CSS v3

codeigniter4 postcss rollupjs tailwindcss todolist

Last synced: 03 Feb 2025

https://github.com/doinel1a/vite-react-ts-starter

Start a ReactJS Web App, SPA, website or landing page using TypeScript, Tailwind CSS, ESLint, Husky Vite, SWC and much more, in JUST 30 seconds, without the hassle of setting up your dev environment.

boilerplate boilerplate-template eslint husky playwright postcss react react-ts react-typescript sass starter starter-template swc tailwind tailwind-css tailwindcss template templates typescript vite

Last synced: 07 Nov 2024

https://github.com/octet-stream/tailwindcss-device

TailwindCSS plugin to add variants for input device detection using `@media` queries

media-queries postcss tailwindcss tailwindcss-plugin

Last synced: 14 Jan 2025

https://github.com/efiand/netbiblio

Интернет-архив авторской русскоязычной литературы.

a11y admin-panel amp api commercial design favicons mobile-first nodejs opengraph portfolio-project postcss postgresql prisma semantics spa sveltekit svg typography webp

Last synced: 13 Jan 2025

https://github.com/yazeedobaid/my-laravel-setup

My Laravel Project setup

eslint jest laravel laravel-setup postcss tailwindcss vue

Last synced: 28 Dec 2024

https://github.com/interglobalmedia/letsbcoding

Fully functional site, but still a bit of a work in progress. Check it out!

automated-git-deployments composer environment-variables modern-javascript npm npm-scripts npmjs php7 phpcs phpdotenv plugin-creation postcss sass siteground wordpress wordpress-custom-theme wordpress-development wordpress-scripts wordpress-theme workflow-refactor

Last synced: 30 Jan 2025

https://github.com/birdofpreyru/postcss-icss

PostCSS plugin to process CSS modules and extract tokens

css css-modules javascript modules plugin postcss web

Last synced: 20 Jan 2025

https://github.com/asbhogal/react-digital-business-cards

A series of four digital business cards 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 postcss react reactjs scrimba scrimba-react scss webpack

Last synced: 21 Jan 2025

https://github.com/minagishl/postcss-classname-obfuscator

This PostCSS plugin replaces CSS class names with hard-to-guess characters.

obfuscate postcss postcss-plugin typescript

Last synced: 18 Feb 2025

https://github.com/fboulnois/sveltekit-template

A SvelteKit 2 and Tailwind CSS template with a few other defaults.

eslint playwright postcss prettier svelte sveltekit sveltekit-tailwindcss sveltekit-template tailwindcss typescript vitest

Last synced: 22 Jan 2025

https://github.com/marlon-couto/astro-starter

Um template para projetos usando o framework Astro.

astro bootstrap font-awesome postcss sass typescript

Last synced: 15 Feb 2025

https://github.com/voightco/static-site-starter

A boilerplate for building static websites using 11ty

11ty boilerplate eleventy postcss starter-kit static-site static-site-generator

Last synced: 26 Jan 2025

https://github.com/rumenpetrov/frontend-starter-kit

Minimal frontend only boilerplate that includes zurb panini, postcss, babel and gulp.

architecture automation babel boilerplate frontend gulp panini postcss starter-kit zurb-panini

Last synced: 14 Jan 2025

https://github.com/jorgeatgu/postcss-congresoweb

:rocket: Repositorio con todos los ejemplos para el taller de postCSS del Congreso Web

css postcss slides

Last synced: 06 Jan 2025

https://github.com/brunogroth/livewire

Learning Livewire | PHP & Laravel & Livewire & TailwindCSS

laravel laravel10 livewire livewire-components mysql mysql-database postcss tailwind tailwind-css tailwindcss

Last synced: 08 Jan 2025

https://github.com/pomeluce/flx-vue

Scaffolding for rapid front and back development based on vue naive-ui pinia typescript

flx mockjs naive-ui pinia postcss tailwindcss typescript vitejs vue-router vue3

Last synced: 02 Dec 2024

https://github.com/ynaka6/nakamu.me

My profile site

netlify nuxtjs postcss tailwindcss

Last synced: 14 Feb 2025

https://github.com/harinathlee/ford-app

This is repo where we try to figure out the architecture, folder structure and dependencies that we need to follow in the initial state of Ford project development.

eslint jest js postcss react rtk rtk-query rtl tailwindcss vitest vitest-ui

Last synced: 12 Feb 2025

https://github.com/anyiee/less-plugin-preset-env

postcss-preset-env plugin for less.js

less less-plugin postcss postcss-preset-env

Last synced: 22 Jan 2025

https://github.com/danielbayley/atom-source-preview-postcss

:atom: @Atom source-preview provider for @PostCSS.

apm atom coffeescript css editor package plugin postcss preprocessor preview source

Last synced: 12 Feb 2025

https://github.com/alexandremasy/postcss-salt-typography

PostCSS plugin to add a collection of mixins, helpers related to font management for you CSS.

postcss postcss-plugins salt salt-plugins

Last synced: 17 Feb 2025

https://github.com/ivankprod/mxm-shopper

Shopper landing

babel env html js postcss sass scss webpack

Last synced: 30 Dec 2024

https://github.com/murshidazher/trostcss

:reminder_ribbon: A modular, lightweight and responsive front-end framework for rapid prototyping and UI development.

css-framework css3 frontend postcss stylesheet ui

Last synced: 31 Dec 2024

https://github.com/kcmr/react-vite-starter

Starter template for React with TypeScript, CSS-Modules and Jest setup powered by Vite. Based on Vital (https://github.com/jvidalv/vital)

eslint jest postcss prettier react scaffold-template starter-template testing-library-react typescript vite

Last synced: 10 Feb 2025

https://github.com/stuymedova/kirby-rollup-postcss

[SETUP] Kirby CMS template adapted to be used with modern frontend tools

kirby kirby-cms kirby3 kirby3-cms postcss rollup

Last synced: 09 Jan 2025

https://github.com/jamiller619/tachyons.js

Tachyons helper function for JavaScript. Built with PostCSS Modules.

css css-in-js css-modules postcss postcss-modules tachyons tachyons-css

Last synced: 12 Feb 2025

https://github.com/dopaminedriven/next-portfolio

developer/engineer facing portfolio

customization font-awesome icons nextjs patching postcss postinstall react static-site-generator tailwindcss typescript vercel

Last synced: 21 Jan 2025

https://github.com/moshang-ax/postcss-vars-process

PostCSS plugin to extract and replace variables from css, support legal custom format variables

css-variables extract extract-values postcss

Last synced: 15 Feb 2025

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

Сборка для создания статического сайта на gulp.

boilerplate esbuild eslint gulp image-optimization pixelperfect postcss sprite stylelint w3c-validation webp

Last synced: 13 Jan 2025

https://github.com/hrfmmymt/iiyatsu

a hrfmmymt's weblog.

fastify nodejs postcss pwa service-worker typescript vercel

Last synced: 17 Jan 2025

https://github.com/devmattrick/postcss-color-5

[WIP] PostCSS plugin to add support for CSS Color Module Level 5 (color-mix, color-contrast, color-adjust).

5 color color-adjust color-contrast color-mix css module postcss postcss-plugin

Last synced: 13 Feb 2025

https://github.com/bush1d3v/solidity-todo-app

Solidity Todo App is an solidity study project, integrated with web3 and vue.js.

biomejs bun css ethereum ganache ganache-ui html javascript metamask postcss remix shadcn-vue solidity tailwindcss truffle typescript vite vuejs web3 web3js

Last synced: 16 Jan 2025

https://github.com/gxlmyacc/build-react-esm-project

a react build command that will transform js/jsx/images/scss/less with gulp-babel/postcss/scss/less plugin, this is a good way to release an NPM package.

babel build-tool esm npm-package postcss react

Last synced: 17 Jan 2025

https://github.com/axshatind/synnextial

A Collaborative/Personal-Workspace designed to streamline team communication, document management, and project coordination. Inspired by modern tools, SynnexTial aims to provide a seamless, intuitive experience for teams working in fast-paced environments.

api firebase firestore firestore-database formik git gsap nextjs postcss redux tailwindcss

Last synced: 22 Jan 2025

https://github.com/mariannav/success

ci-cd gulp js linters postcss pugjs

Last synced: 17 Feb 2025

https://github.com/garthdb/postcss-npm

Import CSS styles from NPM modules using PostCSS.

css duplicate-imports postcss

Last synced: 12 Feb 2025

https://github.com/fylgja/examples

Functional examples for using Fylgja with popular tools and frameworks.

fylgja parceljs postcss scss vite webpack webpack-encore

Last synced: 29 Jan 2025

https://github.com/halilatilla/todo-up

Todo-Up

drag-and-drop eslint husky lint-staged nextjs postcss prettier react tailwindcss typescript

Last synced: 22 Jan 2025

https://github.com/ezavile/postcss-typescript-kickstart

Simple boilerplate to kick start your new PostCSS plugin with TypeScript

boilerplate kickstart postcss postcss-plugin typescript

Last synced: 18 Feb 2025

https://github.com/damianomagrini/fiery

Fiery – A web app to help you stay focused.

enzyme eslint jest postcss preact redux sass scss tsx typescript webpack

Last synced: 15 Feb 2025

https://github.com/cyruskabir/testimonial-page-html-css-

This challenge is to practice more advanced HTML and CSS skills. The challenge is to create a simple testimonial page that you need use grid, media queries, icons,...

css devchallengesio html postcss vite

Last synced: 18 Feb 2025