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-01-06 00:24:15 UTC
JSON Representation

https://github.com/jakesidsmith/watch-less-do-more

Watch less files and their dependency tree for changes & automatically recompile

css dependency-tree less postcss postcss-modules recompile watch watcher

Last synced: 28 Oct 2024

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

A PostCSS plugin to correct font-family values

css font-family postcss

Last synced: 17 Dec 2024

https://github.com/newbornfrontender/wc-ast-sample

ast babel postcss prettier rollup web-components

Last synced: 24 Oct 2024

https://github.com/garraflavatra/jekyll-tailwind-template

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

jekyll postcss tailwindcss

Last synced: 28 Dec 2024

https://github.com/pchalupa/custom-elements-kickoff

Custom elements kickoff template.

eslint javascript jest jsdoc postcss stylelint

Last synced: 21 Dec 2024

https://github.com/winston0410/postcss-sparrow-props-filter

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

postcss postcss-sparrow

Last synced: 28 Oct 2024

https://github.com/bush1d3v/diverti_lembrete_front

O DivertiLembrete é uma aplicação de lembretes, feita para criar lembretes baseados nos enviados pelo usuário, os pré-processando com a Openai apartir de uma emoção requisitada ao usuário.

bun css html javascript pinia postcss shadcn-vue tailwindcss typescript vite vue

Last synced: 27 Dec 2024

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: 27 Dec 2024

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

Webpack 3 Boilerplate with Bootstrap 3 JQuery and FontAwesome

babel boilerplate bootstrap3 font-awesome postcss scss webpack3

Last synced: 12 Nov 2024

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: 19 Dec 2024

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: 27 Dec 2024

https://github.com/fuckdoctors/my-vue2-elm

基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用。原项目地址：https://github.com/bailicangdu/vue2-elm

code-splitting postcss vue vue-cli vue-router vue2 vuex

Last synced: 08 Oct 2024

https://github.com/yuan66-hub/react-h5-pages

H5多页面打包模板，支持命令行交互方式选择页面按需打包，页面体积优化，体积分析，集成tailwindcss原子化，静态资源预加载（js/css/image/font），代码混淆，CSS Module，支持rspack脚手架，重复依赖代码检测，预渲染，rsdoctor模块引用分析工具，umi 多页面打包模式等功能

babel eslint mpa postcss preload react18 rsdoctor rspack tailwindcss ts umi webpack5

Last synced: 27 Dec 2024

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

PostCSS implementation of light-dark() function

postcss

Last synced: 13 Nov 2024

https://github.com/creative-tutorials/html-tailwind

HTML Tailwind boilerplate

css css3 html html-tailwind html-tailwind-template html-tailwindcss html5 postcss tailwind tailwindcss

Last synced: 27 Dec 2024

https://github.com/madebywild/wildplate

An opinionated, modern post-gulp-era toolkit tailored for visual-heavy microsites and less for data-driven apps.

boilerplate css-modules imagemin microsite postcss react scss toolkit webpack2

Last synced: 26 Sep 2024

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

https://github.com/mitulagr2/phraseshift

A user-friendly transcript editor.

bun jest postcss react tailwindcss transcription typescript

Last synced: 27 Dec 2024

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

https://github.com/joserafael0160/clock

A basic clock made with HTML, PostCSS and JS

basic-clock clock clock-web html javascript postcss web-clock

Last synced: 11 Oct 2024

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

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: 27 Dec 2024

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

https://github.com/tamino-martinius/ui-snippets-template

Webpack Template with HTML (just body), CSS/PostCSS and JS/TypeScript

html postcss typescript ui-snippets

Last synced: 06 Jan 2025

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

把px转成一个动态变量rpx

postcss px2rpx

Last synced: 12 Oct 2024

https://github.com/henriquelimas/babel-rollup-postcss-boilerplate

babel boilerplate postcss rollup

Last synced: 13 Nov 2024

https://github.com/vymalo/api-watcher-ui

UI App for the SMS API Watcher, a Stub server for APIs

cssnano html html5 javascript openapi openapi3 postcss prettier react react-router reactjs redux-toolkit rtk-query scss socket-io tailwindcss toolkit typescript websocket

Last synced: 23 Nov 2024

https://github.com/dormanator/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 Nov 2024

https://github.com/calvinkarundu/cssqueeze

A CLI wrapper for cssnano

cli css cssnano minify optimization optimize-css-files postcss

Last synced: 27 Dec 2024

https://github.com/antinmaze/nextjs-supabase-auth-starterkit

🔥 Next.js 1.4 Starterkit using Supabase (Auth and Database), Tailwind CSS 3.4, TypeScript and Vitest for unit testing based on the 🚀 NextJSTemplates Next.js Tailwind Startup Template

cypress google-authentication nextjs nextjs14 oidc postcss supabase supabase-auth tailwindcss typescript vitest

Last synced: 27 Dec 2024

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: 27 Dec 2024

https://github.com/pomeluce/rapidify-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: 21 Nov 2024

https://github.com/darrenjacoby/postcss-root-parse-var

Parse a custom property from `:root` or another selector to a static value

css postcss postcss-plugin postcss-root-parse-var

Last synced: 19 Nov 2024

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.

cascade-layers color-mix container-queries css cssgrid documentation eleventy-site postcss responsive-layout variables

Last synced: 11 Oct 2024

https://github.com/deep-impact-ag/react-ts-client

React-TS-Client is minimal client side React boilerplate with support for hot module reload, TypeScript and up-to-date dependencies.

boilerplate client-side cssmodules postcss react typescript webpack

Last synced: 01 Oct 2024

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: 29 Nov 2024

https://github.com/den4ik117/rgs

Расчётно-графическая работа по математической статистике

css3 html5 js laravel mathjax maths pdf php81 postcss report rgr

Last synced: 18 Nov 2024

https://github.com/mrarvind90/fcc-impulsivity

A full-stack reactive e-commerce web application built with NextJS, Tailwind CSS, Prisma, DaisyUI and MongoDB

daisyui freecodecamp mongodb next-auth nextjs postcss prisma tailwindcss typescript zod

Last synced: 06 Jan 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: 27 Dec 2024

https://github.com/rfarine/giphy

A simple search application using the Giphy API

babel cssmodules enzyme karma mocha phantomjs postcss react reactjs redux sass webpack webpack2

Last synced: 06 Dec 2024

https://github.com/glauberramos/travel-planner

Simple website to create travel plans

cssmodules express nodejs postcss react redux sequelize

Last synced: 06 Dec 2024

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/cxspxr/vue-cli-plugin-sugarss

:strawberry: SugarSS support for vue-cli projects

postcss sass stylus sugarss vue vue-cli vue-cli-plugin webpack

Last synced: 07 Dec 2024

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/aeyoll/postcss-imageset-type

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

image-set postcss

Last synced: 20 Dec 2024

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/thoughtbit/cssplus-preprocessor

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

cli postcss preprocessor

Last synced: 14 Dec 2024

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

:small_red_triangle: Empezando a trabajar con postCSS en Gulp

blog css postcss

Last synced: 06 Jan 2025

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/maybemonad/vite-lib-starter

postcss react tailwindcss typescript

Last synced: 13 Nov 2024

https://github.com/davidwarrington/postcss-responsive-classes

Generate responsive class variants with responsive at-rule

css postcss

Last synced: 21 Dec 2024

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

My profile site

netlify nuxtjs postcss tailwindcss

Last synced: 21 Dec 2024

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: 29 Dec 2024

https://github.com/fsmaiorano/aspnetcore-with-typescript-scss

:computer: This project is a quick boilerplate for user ASPNET Core with Typescript and SCSS without gulp or grunt for transpiling archives.

aspnet-core autoprefixer netcore node-sass npm-scripts postcss postcss-cli scss typescript

Last synced: 02 Dec 2024

https://github.com/chubi-x/sorta-frontend

React frontend for sorta, an app that lets twitter users manage and categorize their bookmarks

bem-methodology css frontend lottie postcss react-infinite-scroll react-router-dom reactjs tailwindcss typescript

Last synced: 14 Nov 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/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/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/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 Nov 2024

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

PostCSS cleanup plugin to strip !important for AMP compatible CSS

postcss postcss-plugin

Last synced: 12 Nov 2024

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/yazeedobaid/my-laravel-setup

My Laravel Project setup

eslint jest laravel laravel-setup postcss tailwindcss vue

Last synced: 28 Dec 2024

https://github.com/aaronvanston/zones

At a glance view timezones across the world | Simple boilerplate for React

boilerplate cssmodules cssnext jest postcss react redux timezone webpack

Last synced: 28 Nov 2024

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/saabbir/fictional-travel-site

A fictional travel website. Demo Link: https://saabbir.github.io/fictional-travel-site/

postcss webpack

Last synced: 14 Nov 2024

https://github.com/luncheon/isaaccss

Inline-Style-as-a-Class CSS engine

atomic-css css css-framework css-generator css-in-js css-utilities inline-css inline-styles open-props postcss tailwindcss utility-classes windicss

Last synced: 19 Dec 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: 30 Nov 2024

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/vinks/redux-ultimate-ssr

A complex starter react boilerplate for an universal web application with express api backend and server side render.

axios babel boilerplate express happypack isomorphic knex objectionjs postcss postgresql react react-router react-router-v4 redux rest-api starter starter-kit universal webpack webpack2

Last synced: 12 Nov 2024

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/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: 14 Nov 2024

https://github.com/exslym/main_vite-template_dnr

Custom project VITE configuration for DnR template

autoprefixer babel7 css3 eslint html5 javascript postcss prettier scss sharp svgo terser vite vite-aliases vite-plugin-eslint vite-plugin-image-optimizer vite-plugin-legacy vitejs

Last synced: 14 Nov 2024

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

https://github.com/tzachbon/css.jsx

Write your CSS like JSX

babel css css-framework jsx postcss react tsx

Last synced: 23 Nov 2024

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: 12 Nov 2024

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

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

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

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

Last synced: 14 Nov 2024

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/chenycl/react-pro

react16.9后台模版，基于create-react-app，路由表配置+权限，react hooks +redux语法，支持sass和hack css

antd classnames hooks mock postcss react react-redux react-router-dom sass

Last synced: 12 Nov 2024

https://github.com/macx/vite-starterkit

Starterkit using Vite with pre-configured Sass and Post-CSS

postcss sass vitejs

Last synced: 19 Nov 2024

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

postcss-preset-env plugin for less.js

less less-plugin postcss postcss-preset-env

Last synced: 28 Sep 2024

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: 16 Nov 2024

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: 16 Nov 2024

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

@sadcitizen/postcss-config - PostCSS shareable config

postcss postcss-config postcss-preset

Last synced: 11 Nov 2024

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: 12 Nov 2024

https://github.com/tulepbergenov/my-gulp

My gulp build 🛠️

css gulp html javascript nunjucks postcss

Last synced: 19 Dec 2024

https://github.com/ikram-maulana/webpack-tailwind-boilerplate

🧰 A Minimal Webpack 5/4 boilerplate with Tailwind CSS 3, TypeScript, PostCSS, Prettier And More.

postcss prettier tailwind-3 typescript webpack-4 webpack-5 webpack-boilerplate webpack-tailwind

Last synced: 11 Nov 2024

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

Shopper landing

babel env html js postcss sass scss webpack

Last synced: 30 Dec 2024

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

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

Last synced: 11 Nov 2024

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

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/quramy/fuse-postcss-example

A Fuse-Box with PostCSS example repository.

example fuse-box postcss

Last synced: 07 Dec 2024

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