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/thinknathan/web-app-starter-project

Web app template with TypeScript, PostCSS, Workbox & PWA Asset Generator. Has Github Actions to publish via Electron for desktop or Capacitor for Android.

capacitorjs cross-platform-development electronjs esbuild multi-platform-builder postcss progressive-web-app pwa template typescript web-app webdev workbox

Last synced: 02 Nov 2024

https://github.com/adenugbamichael/portfolio-site

✨ My portfolio site built with nextjs 13/react js and typescript

nextjs pnpm postcss tailwindcss typescript

Last synced: 24 Jan 2025

https://github.com/maybemonad/vite-lib-starter

postcss react tailwindcss typescript

Last synced: 13 Jan 2025

https://github.com/rafaeldevvv/pokon

Pokón is a fan-made website showcasing part of the Pokémon data available in the PokéAPI.

eslint nextjs pokeapi pokedex pokemon postcss react tailwindcss typescript

Last synced: 18 Feb 2025

https://github.com/fitri-hy/dev-framework

Fullstack framework designed for building modern web applications with ease

dev framework frontend fullstack fullstack-javascript nodejs postcss tailwindcss web-framework webpack

Last synced: 11 Feb 2025

https://github.com/tshasan/tshasan.com

A personal website built with SvelteKit, Vite, and Tailwind CSS. It utilizes modern web development tools like TypeScript, PostCSS, and pnpm.

daisyui pnpm postcss sveltekit tailwind-css vite

Last synced: 11 Feb 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/a-x-/postcss-global-nested

Wrap styles into a :global like postcss-nested does it for usual selectors

postcss postcss-nested postcss-plugin

Last synced: 11 Feb 2025

https://github.com/bush1d3v/linktree

Aplicação "árvore de links", que possui o objetivo de reunir vários link de redes sociais de uma pessoa.

javascript nextjs postcss sass tailwind typescript yarn

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/mitulagr2/phraseshift

A user-friendly transcript editor.

bun jest postcss react tailwindcss transcription typescript

Last synced: 18 Feb 2025

https://github.com/hrynevychroman/vue-start

Transforming Vue projects with boundless creativity.

commitlint eslint i18n pnpm postcss tailwindcss typescript unplugin vite vue vueuse

Last synced: 18 Feb 2025

https://github.com/harshita2234/mern-chat

This is a chat application built using the MERN stack (MongoDB, Express, React, Node.js). The backend API connects to MongoDB and the frontend is developed with React.

autop axios bycrypt-js cookie-parser cors dotenv express jwt lodash mongodb mongoose node-js postcss react tailwind-css vite web-socket

Last synced: 18 Feb 2025

https://github.com/semanticdata/ximena

🐞 Eleventy starter theme/template with TailwindCSS, DaisyUI.

11ty 11ty-starter cssnano daisyui eleventy eleventy-starter postcss prettier sass tailwindcss work-in-progress

Last synced: 18 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

https://github.com/calvinkarundu/cssqueeze

A CLI wrapper for cssnano

cli css cssnano minify optimization optimize-css-files postcss

Last synced: 18 Feb 2025

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

My profile site

netlify nuxtjs postcss tailwindcss

Last synced: 14 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/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/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/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/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/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/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/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/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/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/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/garraflavatra/jekyll-tailwind-template

This template configures Jekyll to work with Tailwind CSS and PostCSS.

jekyll postcss tailwindcss

Last synced: 18 Feb 2025

https://github.com/mariusz-ba/postcss-ms-grid

PostCSS plugin for adding css-grid fallback for IE.

css-grid grid ie11 ie11-grid postcss postcss-plugin

Last synced: 10 Nov 2024

https://github.com/mrmartineau/zander-react-contentful

jest postcss react redux

Last synced: 30 Dec 2024

https://github.com/sadcitizen/postcss-config

@sadcitizen/postcss-config - PostCSS shareable config

postcss postcss-config postcss-preset

Last synced: 08 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/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/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/azakharo/react-starter-2020

Start your new React application quickly. Clever development environment. All build tool configs are at your hands, change them if necessary.

antd autoprefixer axios babel boilerplate boilerplate-front-end eslint postcss prettier react reactjs redux redux-thunk starter-project stylelint webpack

Last synced: 15 Feb 2025

https://github.com/exslym/pub_vite-template

Custom project VITE configuration template

autoprefixer babel css3 eslint eslint-config-prettier eslint-plugin-prettier html5 javascript postcss prettier scss scss-mixins sharp svgo terser vite vite-aliases vite-plugin-eslint vite-plugin-image-optimizer vite-plugin-legacy

Last synced: 13 Jan 2025

https://github.com/exslym/d-creative-studio

D-Creative Studio

animation-on-scroll eslint-plugin gh-pages github-pages javascript postcss sass webpack5

Last synced: 13 Jan 2025

https://github.com/exslym/portfolio-new-3d

A new Scrollable 3D Animation Portfolio website (3D-graphics and animations with ThreeJS!)

autoprefixer gh-pages javascript postcss scss terser threejs vite-aliases vite-plugin-legacy vitejs

Last synced: 13 Jan 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/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/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/sohanemon/dragon-news

🚀 postcss, tailwind

combinators css firebase-auth postcss react react-hot-toast tailwindcss

Last synced: 15 Jan 2025

https://github.com/halvaradop/ui

A collection of reusable components for React, styled with Tailwind CSS. It simplifies the development of modern and responsive interfaces.

pnpm postcss react storybook tailwindcss ui ui-library

Last synced: 09 Nov 2024

https://github.com/fullstack-dev3/halo-insurance

Halo Insurance Website by Next.js

eslint insurance nextjs postcss reactjs tailwindcss

Last synced: 05 Jan 2025

https://github.com/silvestrevivo/react-parcel-starter

This is a ReactJS project starter developed with ParcelJS. It contains Eslint and PostCSS integration to improve performing during developement and production.

babel eslint parcel-bundler parceljs postcss react react-starter-kit reactjs

Last synced: 25 Nov 2024

https://github.com/ryan-dorman/colorful-calculator

A calculator with colorful animated feedback powered by Paper.js. Colors flash based on number inputs to calculator and the results obtained. A list of past calculations allows you to input past results into equations.

gulpjs html javascript paperjs postcss

Last synced: 15 Jan 2025

https://github.com/osamamammar/etch-a-sketch

JS practice project from (The Odin Project). etch a sketch

css game html javascript postcss pugjs theodinproject workflow

Last synced: 01 Feb 2025

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

https://github.com/gustavomorinaga/extension-whatsapp

📞 Demo extension for WhatsApp, using SvelteKit

chrome chrome-extension gustavomorinaga polyfill postcss shadcn-svelte sveltekit tailwindcss whatsapp-web

Last synced: 28 Jan 2025

https://github.com/lh0x00/liser

functional css help to optimizing design work and building responsive websites. liser help you create the module contains the css properties you need to use quickly and lightest!

ciser css design functional liser modules postcss reponsive style

Last synced: 04 Feb 2025

https://github.com/lordpluha-zz/devgulp

Creating gulpfile strater-project, based on newest stable trends

css gulp gulp-plugins gulp-sass gulp-starter gulp-tasks gulp4 gulpjs html html5 html5-css3 html5-framework javascript node-js nodejs php postcss scss stylelint

Last synced: 17 Jan 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/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/bigcui/postcss-px2scale

把px转成一个动态变量rpx

postcss px2rpx

Last synced: 22 Jan 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/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/ivankprod/mxm-shopper

Shopper landing

babel env html js postcss sass scss webpack

Last synced: 30 Dec 2024

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/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/garthdb/postcss-npm

Import CSS styles from NPM modules using PostCSS.

css duplicate-imports postcss

Last synced: 12 Feb 2025

https://github.com/rencire/react-css-module-starter

babel css css-modules es6 hmr postcss react react-hot-reload webpack

Last synced: 09 Jan 2025

https://github.com/roose/wox-postcss-search

Search PostCSS plugin

nim postcss wox wox-plugin wox-postcss-search

Last synced: 12 Nov 2024

https://github.com/saionaro/postcss-transform-pxvw

The postcss plugin which allows using pixels for responsive layouts

css postcss postcss-plugin responsive

Last synced: 28 Jan 2025

https://github.com/boddepallyvenkatesh06/employee-entry-full-stack

Welcome to the Employee Entry Website repository! This project empowers employees to easily fill out and submit their information through a user-friendly form

nodejs-s3 postcss reractjs tailwindcss

Last synced: 16 Jan 2025

https://github.com/karsanda/postcss-indonesian-stylesheets

Write your CSS in Indonesian

bahasa bahasa-indonesia css fun indonesia indonesian indonesian-language joke postcss postcss-plugin

Last synced: 16 Jan 2025

https://github.com/charliewilco/wilco

📐Opinionated Linting for CSS

css linting postcss stylelint

Last synced: 14 Jan 2025

https://github.com/shrpne/postcss-clear-flex

Delete webkit flex prefixes to prevent wrong order in the Autoprefixer output.

clear flex postcss

Last synced: 04 Feb 2025

https://github.com/pras75299/imagegallery

Image Gallery application with React using Tailwindcss, Postcss, Autoprefixer

autoprefixer image-finder javascript-library postcss postcss-plugin react tailwindcss

Last synced: 16 Jan 2025

https://github.com/thenamevishnu/black-board

Developed a blackboard for creative expression and interactive content, making it a valuable tool for artistic and educational purposes.

canvas eslint postcss reactjs tailwindcss vite

Last synced: 12 Jan 2025

https://github.com/silvermine/postcss-css-var-fallback

PostCSS plugin to insert fallbacks for CSS Custom Properties

css css-custom-properties css-variables postcss

Last synced: 14 Nov 2024

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