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: 2024-12-25 00:23:05 UTC
JSON Representation

https://github.com/pekim/postcss-modules-resolve-from-alias

A CSS Modules transform to provide aliases for composes paths.

css-modules postcss

Last synced: 14 Oct 2024

https://github.com/alexandrecpedro/design-system

Design System project

figma gh-pages ignite-lab javascript jest mock mswjs phosphoricons postcss radix-ui react rocketseat storybook tailwind-css tailwindcss typescript vite vscode yml-files

Last synced: 09 Nov 2024

https://github.com/gustavomorinaga/nostra

🛍 An ecommerce made with MedusaJS, SvelteKit and TailwindCSS

ecommerce gustavomorinaga medusajs postcss shadcn-svelte sveltekit tailwindcss

Last synced: 09 Dec 2024

https://github.com/fi3ework/postcss-rename-selector

🌖 Effortlessly Rename CSS Selectors.

ant-design antd css less postcss postcss-plugin

Last synced: 19 Oct 2024

https://github.com/alekseypleshkov/nuxt-starter-pack

Vue/Nuxt starter pack with docker and gitlab-ci

docker gitlat-ci nuxtjs postcss starter-pack vue

Last synced: 07 Nov 2024

https://github.com/joshnuss/svelte-snowpack-template

A snowpack template for svelte with support for jest, eslint, postcss, tailwind, and rollup.

eslint jest postcss rollup snowpack svelte svelte-template tailwindcss

Last synced: 13 Oct 2024

https://github.com/bush1d3v/tsbank_front

Front-end da aplicação TSBank, uma aplicação bancária completa possuindo todas as transações bancárias existentes.

axios crypto-js css3 docker dotenv eslint html jest nodejs postcss prettier react scss stylelint tailwindcss typescript vite vitest yarn zod

Last synced: 07 Nov 2024

https://github.com/pandagao/postcss-px-to-relative-unit

A postcss plugin to convert px to relative length units (vw / rem)

postcss px2rem px2vw rem viewport vw

Last synced: 12 Oct 2024

https://github.com/tfanme/postcss-less2scss

PostCSS plugin to convert Less to Scss

conversion converter less postcss postcss-plugin scss

Last synced: 04 Nov 2024

https://github.com/ambar/postcss-theme-colors

Use relative color syntax or color-mix() with theme color groups 😉

css postcss postcss-plugin theme theming

Last synced: 08 Nov 2024

https://github.com/singuerinc/bi

Your Instagram™ feed, but bigger!

docker instagram-api postcss vuejs webpack

Last synced: 15 Dec 2024

https://github.com/zgreen/postcss-elm-modules

Transpile CSS modules to Elm.

css css-modules elm postcss postcss-plugin

Last synced: 12 Oct 2024

https://github.com/grigorii-horos/fast-start

This is base stucture for simple site. It support static sites, Nodejs, ES6, PostCSS, Nunjucks, HTML.

browsersync gulp html javascript linter nodejs nunjucks postcss

Last synced: 30 Oct 2024

https://github.com/petrnikolas/staticfy

Basic starter kit for static sites based on Gatsby.js. (React, Gatsby, TypeScript, TSLint, Lint-Staged, Husky, Prettier, Stylelint, Spectre.css, PostCSS, Sass)

gatsby gatsby-starter gatsby-starter-kit gatsbyjs husky postcss react reactjs sass spectre starter-kit starter-project starter-template starterkit static-site stylelint tslint typescript

Last synced: 12 Nov 2024

https://github.com/octod/postcss-emptymediaqueries

Removes empty media queries

css postcss postcss-emptymediaqueries

Last synced: 27 Oct 2024

https://github.com/Los-Crackitos/svelte-tailwind-i18n-template

Svelte project template with Tailwindcss and i18n pre-configured

hacktoberfest i18n postcss svelte3 tailwindcss template-project

Last synced: 04 Nov 2024

https://github.com/vishnucss/vishnu

🎨 A simple and minimalist toolkit with modern css

css-framework css-next css3 postcss styleguide-css toolkit vishnu

Last synced: 12 Oct 2024

https://github.com/bart-jaskulski/eleventy-postcss-extension

Add CSS processing with PostCSS to your Eleventy build.

css eleventy eleventy-plugin postcss

Last synced: 27 Oct 2024

https://github.com/andrepolischuk/inferno-redux-example

An example of Inferno Redux async application

example example-app inferno inferno-redux postcss redux

Last synced: 09 Nov 2024

https://github.com/florianbouvot/laravel-mix-boilerplate

A boilerplate for building web projects with Laravel Mix.

autoprefixer css javascript laravel-mix minify optimization postcss purgecss sass tailwindcss versioning webpack

Last synced: 14 Oct 2024

https://github.com/aler9/googlefonts-inliner

PostCSS plugin to download all Google Fonts imported by a stylesheet and serve them locally

css google-fonts googlefonts postcss postcss-plugin postcss-plugins sass

Last synced: 02 Nov 2024

https://github.com/azat-io/postcss-responsive

📐 PostCSS plugin that improves developer experience of responsive design

css postcss postcss-plugin

Last synced: 10 Nov 2024

https://github.com/moollaza/zaahir.ca

Zaahir Moolla's Personal Website

personal-website postcss purgecss rollup sapper svelte tailwindcss

Last synced: 14 Oct 2024

https://github.com/angatar/tailwindcss

Tiny container with Tailwind CSS CLI official binaries only (into scratch), that can help any project to make use of Tailwind CSS without requiring Node.js nor npm

container css css-framework docker functional-css postcss responsive tailwindcss utility-classes

Last synced: 09 Nov 2024

https://github.com/francoisromain/postcss-typescale

A PostCSS plugin to set type.

postcss postcss-plugin postcss-typescale typescale

Last synced: 17 Nov 2024

https://github.com/7studio/postcss-color-rgb

PostCSS plugin to transform new RGB functions syntaxes to compatible CSS.

color css postcss postcss-plugin rgb

Last synced: 08 Nov 2024

https://github.com/bennyxguo/hexo-renderer-tailwindcss

A hexo renderer for tailwindcss with postcss preprocessor.

hexo hexo-renderer postcss tailwindcss

Last synced: 10 Nov 2024

https://github.com/raulghm/vueletta

Un simple clon de Boletta con Vue 2

boleta chile honorarios postcss vue vue2 vue2-demo webpack

Last synced: 20 Nov 2024

https://github.com/planetoftheweb/postcss

This is the repository for my course, PostCSS First Look on LinkedIn Learning and Lynda.com.

css linkedinlearning lynda lynda-com post-processing postcss rayvillalobos training tutorial

Last synced: 04 Dec 2024

https://github.com/yazeedobaid/laravel-mix-postcss-config

A Laravel-mix plugin to add the postcss-loader to the default mix webpack.config.js file.

laravel-mix laravel-mix-plugin postcss postcss-loader webpack

Last synced: 07 Nov 2024

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

Start a ReactJS Web App, SPA, website or landing page using JavaScript, 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 javascript js playwright postcss react react-javascript react-js sass starter starter-template swc tailwind tailwind-css tailwindcss template vite

Last synced: 07 Nov 2024

https://github.com/jednano/parse-css-sides

Parses CSS sides (e.g., margin, padding, border) into an object.

css parse postcss sides

Last synced: 28 Oct 2024

https://github.com/jonathanharrell/hiq-theme-builder

Theme builder for the HiQ CSS framework.

css custom-properties postcss theming vue

Last synced: 28 Oct 2024

https://github.com/tonyrewin/svelte3-ts-boilerplate

postcss rollup svelte typescript

Last synced: 14 Nov 2024

https://github.com/knovour/postcss-nippon-color

PostCSS plugin for easily invoking the colors on the Nippon Colors.

color-palette postcss postcss-plugin

Last synced: 17 Dec 2024

https://github.com/luannguyenqv/next.js-demo

Minimal Todo Web demo using next.js

es6 nextjs postcss react reactjs redux

Last synced: 26 Dec 2024

https://github.com/ileostar/postercraft

Nestjs+Nextjs 全栈低代码海报编辑器🎊

cypress docker docker-compose drizzle-orm github-actions mysql nestjs nextjs oauth2 oss pnpm-monorepo postcss react19 redis sentry shadcn-ui tailwind turborepo vercel vitest

Last synced: 11 Oct 2024

https://github.com/jimmylee/bare

Deprecated: Preact + LESS + Webpack 2/Babel skeleton codebase.

babel less postcss preact skeleton-application webpack

Last synced: 19 Dec 2024

https://github.com/okikio/postcss-spring-easing

PostCSS plugin to add that bounce and boogie that only springs can bring

easings linear postcss postcss-plugin spring spring-easing

Last synced: 11 Oct 2024

https://github.com/bush1d3v/nei_market_analytics

NEI Market Analytics is an open-source project designed to provide comprehensive market value analyses for various financial instruments and digital assets. This repository aims to create a robust platform for tracking and analyzing market trends across multiple sectors.

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

Last synced: 07 Nov 2024

https://github.com/artelydev/vue-shortener

:fire: Vue.js URL Shortener

coffeescript coffeescript2 expressjs heroku postcss pug pug-template-engine pugjs stylus sugarss url-shortener vue

Last synced: 10 Oct 2024

https://github.com/rowno/postcss-remtopx

PostCSS plugin for converting rem to px

postcss postcss-plugin

Last synced: 29 Nov 2024

https://github.com/barraponto/neutrino-middleware-postcss

PostCSS support in Neutrino

neutrino neutrino-preset postcss webpack

Last synced: 22 Nov 2024

https://github.com/nathanielinman/jugs

Micro app generator jugs makes game development fun again.

autoprefixer babel ion ion-cloud javascript jugs postcss stylus vite vitejs

Last synced: 07 Nov 2024

https://github.com/lbrian/postcss-class-rename

PostCSS plugin simply replaces string without hassle

css postcss postcss-plugin postcss-plugins rollup webpack webpack-loader

Last synced: 16 Oct 2024

https://github.com/tadatuta/postcss-css-to-bem-css

postcss plugin to convert CSS to rebem-css

bem convention css methodology naming postcss

Last synced: 16 Oct 2024

https://github.com/zhaotoday/antd

A boilerplate for react project based on antd. 基于 antd 的 react 项目模板。

ant-design antd es6 postcss react react-antd redux webpack

Last synced: 22 Nov 2024

https://github.com/samuraikun/atomic-design-vue

Vue Component samples based on Atomic Design⚛️

atomic-design postcss pug scss storybook vue vue-components webpack yarn

Last synced: 21 Nov 2024

https://github.com/cjpatoilo/csscompile

Compile, optimize and compress anything to CSS.

compile compress css less optimize postcss sass stylus

Last synced: 27 Oct 2024

https://github.com/mrcgrtz/kickstart

⚒ Kickstart is my opinionated starter kit for frontend development.

css gulp html javascript php postcss starter-kit

Last synced: 02 Nov 2024

https://github.com/ccbikai/ada

基于 Webpack 和 Postcss 的前端打包工具

postcss scss webpack

Last synced: 09 Nov 2024

https://github.com/dkrnl/postcss-font-display

PostCSS plugin to automatically add font-display css rule

css font-display postcss postcss-plugin

Last synced: 09 Nov 2024

https://github.com/neurosnap/postcss-scopeify-everything

Scopify all your CSS selectors

css postcss postcss-plugin scoped-css

Last synced: 24 Oct 2024

https://github.com/shrpne/postcss-page-break

break page postcss

Last synced: 31 Oct 2024

https://github.com/yordis/postcss-google-font

PostCSS plugin for import Google fonts

font google-fonts postcss postcss-google-font

Last synced: 27 Oct 2024

https://github.com/struckchure/musica

Music Application

jsx nextjs postcss react tailwind

Last synced: 18 Oct 2024

https://github.com/ayusharma/jest-css-module-transformer

A Jest transformer for css and scss files

css javascript jest postcss scss transformer

Last synced: 28 Oct 2024

https://github.com/juliyvchirkov/utils.css

a couple of useful css utils

alignment animation bootstrap bootstrap4 css css-animations html html-css html5 indentation layout mobile-first node-sass postcss postcss-scss sass

Last synced: 06 Dec 2024

https://github.com/philipbordallo/postcss-color-emoji

✏ Emoji in full color!

css emoji font-family postcss

Last synced: 17 Nov 2024

https://github.com/francoisromain/postcss-button

A PostCSS plugin to create buttons.

css postcss postcss-button postcss-plugins

Last synced: 17 Nov 2024

https://github.com/yhunlu/blogf-cmsblog

Modern Responsive Jamstack - GraphCMS Blog Web Application

full-stack fullstack graphcms graphql graphql-request graphqlcms headless-cms html-react-parser jamstack moment nextjs postcss react react-dom react-multi-carousel sass tailwindcss vercel vercel-deployment

Last synced: 09 Nov 2024

https://github.com/rubum/css-parser

A tool for parsing CSS in Elixir to a structured data. It's an initial attempt in implementing PostCSS in Elixir.

css cssparser postcss

Last synced: 29 Oct 2024

https://github.com/huynhducduy/react-starter-kit

Duy's React Starter Kit based on Create React App

babel boilerplate boilerplate-application boilerplate-front-end boilerplate-template boilerplates eslint postcss react reactjs reactjs-boilerplate starter starter-kit starter-project starter-template starterkit tailwind typescript vite webpack

Last synced: 13 Nov 2024

https://github.com/princed/postcss-modules-tilda

PostCSS plugin to restore the way to resolve modules CSS Modules values paths that css-loader used to do before 2.0.

css-loader css-modules postcss postcss-plugin tilda

Last synced: 12 Oct 2024

https://github.com/svelte-add/picocss

Add Pico CSS to your Svelte project

postcss scss svelte svelte-add svelte-kit sveltekit vite

Last synced: 16 Nov 2024

https://github.com/dependents/node-detective-postcss

Find the dependencies of a CSS file (PostCSS dialect)

ast css dependencies dependency-graph detective nodejs parser postcss

Last synced: 25 Dec 2024

https://github.com/gucong3000/postcss-pie

makes IE capable of rendering several of the most useful CSS3 decoration features.

border-image border-radius box-shadow css3 gradient ie pie postcss

Last synced: 12 Oct 2024

https://github.com/openstyles/stylelint-bundle

Create & provide a bundled version of Stylelint

bundle css less linter postcss scss stylelint

Last synced: 06 Nov 2024

https://github.com/dangvanthanh/create-web-app

Create Web App

babel coffeescript create-web-app less nunjucks postcss pug rollup sass typescript

Last synced: 11 Oct 2024

https://github.com/iloginow/vue-base-template

An improved project template for vue-cli with basically everything you might need.

icon-generator koa2 postcss progressive-web-apps server-side-rendering static-site-generator vue vue-cli vue-router vuex

Last synced: 16 Dec 2024

https://github.com/mackentoch/react-bootstrap-webpack-ssr-starter

react js + bootstrap + webpack 2 + react-router 4 + server side rendering starter

bootstrap bootstrap3 chai hot-reload postcss react react-router react-router-v4 reactjs server-side-rendering webpack webpack2

Last synced: 16 Nov 2024

https://github.com/yarastqt/postcss-theme-fold

Postcss plugin for folding css-variables with using whitepaper design system in legacy browsers.

css-variables postcss postcss-plugin whitepaper

Last synced: 05 Nov 2024

https://github.com/goodguyry/postcss-tidy-columns

PostCSS plugin to manage column and margin alignment.

alignment columns grid postcss postcss-plugin

Last synced: 09 Nov 2024

https://github.com/chara0511/to-do-app

html-css-javascript nextjs postcss react tailwindcss typescript

Last synced: 07 Nov 2024

https://github.com/icon-blender/postcss-icon-blender

PostCSS plugin for creating customized SVG icon collections from over 80,000 free and open-source icons

icon icon-blender postcss postcss-plugin svg

Last synced: 22 Nov 2024

https://github.com/jasonraimondi/jmondi

A collection of utility packages for use in a variety of projects.

electron form-validation postcss routes typescript

Last synced: 09 Nov 2024

https://github.com/tomasz-sodzawiczny/postcss-modules-extend-rule

PostCSS plugin set for using extend at-rule with CSS Modules

css css-modules extend extend-from postcss postcss-plugin

Last synced: 21 Nov 2024

https://github.com/yesnoruly/parcel-start

Clone this repo to start your own projects!

boileplate css gh-pages html parcel postcss posthtml-include starter-template template

Last synced: 17 Nov 2024

https://github.com/atsistemas/vue-base

atSistemas Vue/Vuex based developing platform standard

babel jest postcss standard-js vue vuex webpack

Last synced: 09 Nov 2024

https://github.com/digibib/deichman-ui

Style-guide and component library

postcss react storybook

Last synced: 02 Nov 2024

https://github.com/narze/sapper-tailwindcss-template

Sapper Template with TailwindCSS

postcss purgecss rollup sapper svelte tailwindcss template

Last synced: 08 Nov 2024

https://github.com/andrepolischuk/postcss-pseudo-class-any-button

PostCSS plugin for targeting all button elements with :any-button selector

button postcss postcss-plugin

Last synced: 09 Nov 2024

https://github.com/dcalhoun/postcss-warn-cleaner

Selectively remove PostCSS warnings from your logs.

ignore-warnings postcss vendor

Last synced: 24 Oct 2024

https://github.com/obewds/vueventus

A repository for the VueVentus component library

nodejs obewds postcss rollup tailwindcss vite vitepress vue vueventus

Last synced: 10 Nov 2024

https://github.com/merri/alku

We are divergent. The CSS framework for people who desire to have more accessible defaults.

classless-css css css-framework css-reset css-utilities css-variables html-attributes normalize-css postcss

Last synced: 12 Oct 2024

https://github.com/rodeyseijkens/react-starter-kit

React Starter Kit — isomorphic web app boilerplate (Node.js, Express, React.js, Babel, PostCSS, Webpack, Browsersync, Styleguidist)

babel browsersync cssmodules eslint expressjs nodejs postcss prettier reactjs styleguidist webpack

Last synced: 30 Sep 2024

https://github.com/ezavile/postcss-typescript-css-example

How to use postcss-typescript-css plugin with webpack 2, React, TypeScript and PostCSS

css postcss postcss-plugin typescript

Last synced: 27 Dec 2024

https://github.com/shaherashraf/nft-drop

Vanilla JS landing page. 🚀

css3 html5 javascript postcss webpack

Last synced: 07 Dec 2024

https://github.com/daveinchy/native-desktop-template

non create-react-app but React Native desktop application template, all configurations done from scratch so its very customizable. This is a stable release! maybe update webpack-cli package if not working.

application desktop development electronjs eslint mobile postcss prettier-eslint react-native reactjs tailwindcss template webpack