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-11-15 00:23:00 UTC
JSON Representation

https://github.com/polemius/postcss-clamp

PostCSS plugin to transform clamp() to combination of min/max

clamp css max min postcss

Last synced: 28 Oct 2024

https://github.com/shanerobinson/linkist

Simple, highly configurable alternative to Linktr.ee and LinkIn.bio built with 11ty and TailwindCSS

11ty cssnano eleventy linked-list linkinbio-alternative links linktree-alternative postcss purgecss tailwindcss

Last synced: 07 Nov 2024

https://github.com/kristerkari/react-native-postcss-transformer

Use PostCSS to style your React Native apps.

loader postcss react-native transformer

Last synced: 29 Oct 2024

https://github.com/alicanerdurmaz/computer-store

MERN Stack E-Commerce Project

ecommerce express mongodb nestjs nextjs postcss react typescript

Last synced: 22 Oct 2024

https://github.com/raulghm/multi-brand-colors

Multi Brand Colors with support for CSS/CSS-Vars/SCSS/SASS/Stylus/LESS/JSON

brand color colors css css-variables json less multi-brand-colors postcss sass scss stylus w3c

Last synced: 13 Nov 2024

https://github.com/postcss/postcss-color-gray

Use the gray() color function in CSS

color colour convert css4 cssnext gray grey javascript nodejs postcss postcss-plugin

Last synced: 07 Oct 2024

https://github.com/ggkovacs/node-px2rem

Pixel to rem postprocessor

nodejs postcss px2rem

Last synced: 27 Oct 2024

https://github.com/equinusocio/astorinomattia.com

Personal website built with XITY, Eleventy, PostCSS, Parcel and Contentful

astrobuild css hacktoberfest html javascript pnpm postcss

Last synced: 14 Oct 2024

https://github.com/bntzio/gatsby-starter-alchemy

✨🔮 A Gatsby starter with PostCSS powers

blog boilerplate cssnext gatsby hacktoberfest landing-page lost-grid postcss react starter-kit static-site

Last synced: 08 Nov 2024

https://github.com/1j01/postcss-gtk

Processes GTK+ CSS into browser CSS

browser-css gtk gtk3 gtk3-theme postcss postcss-gtk postcss-plugin postcss-plugins processor style styles stylesheet

Last synced: 28 Oct 2024

https://github.com/blixai/blix

⚙️🔧 CLI tool and scripting library to create, automate, and enhance Javascript applications

bookshelf express knex mongodb mongoose postcss postgres pug react react-router redux sass vue vue-router vuex webpack

Last synced: 10 Oct 2024

https://github.com/charliewilco/obsidian

💎 A Modular CSS Library

css css-framework itcss postcss postcss-plugin

Last synced: 28 Oct 2024

https://github.com/nicothin/criteria-of-quality-frontend

Критерии качественной вёрстки (разметка, стилизация, картинки, шрифты, автоматизация и пр.)

checklist criteria css frontend html less postcss sass stylus

Last synced: 06 Nov 2024

https://github.com/gilmoreorless/postcss-gradient-transparency-fix

PostCSS plugin to fix up CSS gradients with transparency for older browsers

css-gradients postcss postcss-plugin

Last synced: 15 Nov 2024

https://github.com/madeleineostoja/postcss-position

PostCSS plugin that adds shorthand declarations for position attributes

css positioning postcss postcss-plugin

Last synced: 28 Oct 2024

https://github.com/hnordt/react-native-postcss-transformer

A babel transformer that adds PostCSS support for React Native apps

babel-transformer expo postcss react react-native tailwind-css

Last synced: 11 Oct 2024

https://github.com/blvdmitry/project-starter

My starter boilerplate for new projects. Totally opinionated :)

apollo graphql postcss react starter-kit typescript

Last synced: 08 Nov 2024

https://github.com/madeleineostoja/laggard

Automatically generate CSS fallbacks for legacy browsers, built on PostCSS

css-fallbacks legacy-browsers postcss postcss-plugins

Last synced: 28 Oct 2024

https://github.com/planetoftheweb/postcsslayouts

This is the repository for my course, Building a Responsive Single-Page Design with PostCSS on LinkedIn Learning and Lynda.com.

css layouts linkedinlearning lynda lynda-com postcss precss rayvillalobos responsive training tutorial

Last synced: 07 Nov 2024

https://github.com/lucasbassetti/react-airbnb-boilerplate

:fire: React Boilerplate following Airbnb's JavaScript (ES6) Style Guide

airbnb airbnb-javascript boilerplate chai eslint javascript mocha postcss react sass started webpack

Last synced: 07 Nov 2024

https://github.com/anibalsanchez/XT-TailwindCSS-Starter

A Tailwind CSS Starter. Based on Tailwind CSS, Webpack, PostCSS, and cssnano. Fully optimized for top performance.

cssnano postcss tailwindcss webpack

Last synced: 02 Oct 2024

https://github.com/samuelgoddard/gatsby-tailwind-motion

An opinionated starter for Gatsby v2 with Tailwind and Framer Motion

framer gatsby motion postcss tailwind

Last synced: 11 Nov 2024

https://github.com/dlebedynskyi/react-playground

React application with React Router v4, async components etc

async-component async-reducers ava code-splitting dynamic-routes eslint isomorphic postcss prettier react react-helmet react-router react-router-v4 reducer redux-store router split ssr universal webpack2

Last synced: 14 Oct 2024

https://github.com/onedevstudio/starter-kit

🏃 A simple and powerful Starter Kit made with Webpack, Gulp 4, Pug and SASS

babel boilerplate es6 eslint gulp gulp4 postcss sass starter starter-kit stylelint webpack

Last synced: 13 Nov 2024

https://github.com/brycewray/eleventy_solo_starter_njk

Further development suspended as of 2021-09-11. Please refer instead to https://www.11ty.dev/docs/starter/ for a wide selection of other Eleventy starter sets.

11ty css demo eleventy internalcss jit nunjucks postcss responsive-images ssg starter-template tailwind tailwind-jit tailwindcss

Last synced: 26 Sep 2024

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

Simplifies the prepare step (bundling, transpiling, rebasing) during publishing NPM packages.

babel npm postcss prepare prepublish publish rebase release rollup

Last synced: 14 Nov 2024

https://github.com/movahedan/next-boilerplate

A well-structured production-ready Next.js boilerplate with a well-documented directory structuring that supports Typescript, Jest, react-testing-library, Cypress, configurable Fetch and SWR, and a configured component library using Emotion, twin.macro, Tailwind, and Storybook. Plus, taking advantage of NextSeo and NextSitemap.

boilerplate cypress emotion fetch jest next-seo next-sitemap nextjs postcss react react-test-renderer react-testing-library storybook swr tailwindcss typescript

Last synced: 09 Nov 2024

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

A boilerplate for frontend projects powered by Gulp, HTML5 bolierplate, Sass, PostCss and Webpack(for Babel transpiling).

automation css development-workflow eslint-config frontend gulp gulp-tasks postcss prettier sass scss webpack

Last synced: 11 Oct 2024

https://github.com/ezavile/postcss-plugins

Monorepo that contains a set of PostCSS plugins.

button-builder button-generator button-style css-utilities design-tokens postcss postcss-plugins typescript-css utility-first

Last synced: 07 Nov 2024

https://github.com/anibalsanchez/xt-tailwindcss-starter

A Tailwind CSS Starter. Based on Tailwind CSS, Webpack, PostCSS, and cssnano. Fully optimized for top performance.

cssnano postcss tailwindcss webpack

Last synced: 05 Nov 2024

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

PostCSS Syntax for parsing Markdown

css html markdown postcss syntax

Last synced: 12 Oct 2024

https://github.com/waldronmatt/bowman

A simple static site generator with an integrated toolchain for efficient development and delivery.

asset-management browsersync compile ejs eslint generator glob html javascript javascript-template-engine json nodejs postcss scss site static static-site-generator stylelint template webpack

Last synced: 12 Oct 2024

https://github.com/alexsedeke/postcss-export-vars

PostCSS plugin to export variables as JSON or JS constants for additional usage.

json postcss

Last synced: 11 Nov 2024

https://github.com/yeasin2002/t_wind-cli

setup Tailwind withing a second using cli

cli css3 nodejs npm npm-cli npm-package postcss tailwind-css tailwindcss tools

Last synced: 30 Sep 2024

https://github.com/mismith0227/wp-theme-modernize

Modernize is an modern, white, clean, beautiful WordPress theme

babel gulp postcss standard webpack wordpress wordpress-theme

Last synced: 11 Oct 2024

https://github.com/nimahkh/react-easy-boilerplates

react boilerplate generator

ant-design babel boilerplate jss material-ui postcss react react-boilerplate react-ssr react-webpack-boilerplate reactjs redux ssr webpack webpack4

Last synced: 28 Oct 2024

https://github.com/gjbkz/rollup-plugin-embed-css

css postcss rollup

Last synced: 31 Oct 2024

https://github.com/yuezk/postcss-urlrev

PostCSS plugin for css url revision

css-url-revision postcss postcss-url

Last synced: 08 Nov 2024

https://github.com/princed/postcss-modules-values-replace

PostCSS plugin intended to replace CSS Modules values

css-loader css-modules css-modules-values postcss postcss-plugin

Last synced: 27 Oct 2024

https://github.com/kei-ito/rollup-plugin-embed-css

css postcss rollup

Last synced: 28 Oct 2024

https://github.com/vitaliy-bobrov/postcss-register-custom-props

PostCSS plugin that transforms custom property registration in CSS to JS

postcss postcss-plugin

Last synced: 27 Oct 2024

https://github.com/okikio/okikio

Okiki Ojo — Web Developer & Designer (Portfolio)

astrobuild gitpod markdown postcss tailwindcss typescript webdev website

Last synced: 02 Nov 2024

https://github.com/jfilter/brunch-on-speed

🍽 Skeleton for Brunch for a long-scroll, single, static Web page

autoprefixer autoreload babel bootstrap bootstrap4 brunch brunch-skeleton concatenation eslint jquery meta-tags pleeease postcss sass skeleton uglify

Last synced: 11 Nov 2024

https://github.com/chalkygames123/front-end-template

🐣 Practical template for building static websites

babel boilerplate eleventy eslint gulp-starter htmlhint nunjucks postcss prettier sass stylelint webpack

Last synced: 09 Oct 2024

https://github.com/rstacruz/responsive-modular-scale.css

Responsive typography using CSS variables

css modular-scale postcss typography

Last synced: 16 Oct 2024

https://github.com/jednano/postcss-font-pack

PostCSS plugin to simplify font declarations by validating only configured font packs are used and adding fallbacks.

font font-packs postcss postcss-plugin

Last synced: 28 Oct 2024

https://github.com/sircus/sircus

Flexible Modular CSS Family for Designing in the Browser.

css css-framework postcss

Last synced: 12 Oct 2024

https://github.com/milliorn/cloud-landing-page

A landing page template built with Typescript, React, and Tailwind CSS.

autoprefixer heroicons heroicons-react landing landing-page landing-page-template landing-page-theme landing-pages landingpage postcss react-icons react-scroll react-uuid tailwind tailwind-css tailwindcss tailwindui tsx typescript

Last synced: 02 Nov 2024

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

A post brexit plugin for post-css made for true British English programmers

brexit css funny funny-coding joke postcss postcss-plugin

Last synced: 27 Oct 2024

https://github.com/brycewray/eleventy_solo

This is the repository from which the Eleventy-generated version of https://www.brycewray.com formerly was built, later replaced by https://github.com/brycewray/eleventy_site.

11ty autoprefixer csso eleventy jit postcss tailwind tailwindcss

Last synced: 02 Oct 2024

https://github.com/spacejack/mithril-browserify-ts-budo

Mithril, Browserify-HMR, TS, Budo, PostCSS starter project

browserify mithriljs postcss typescript

Last synced: 08 Nov 2024

https://github.com/lukethacoder/tauri-solid-example

🦀 Small Tauri SolidJS Example feat. Vite

desktop-app postcss rust solid tauri typescript vite

Last synced: 27 Oct 2024

https://github.com/sgtpep/csstag

Tagged template for CSS Modules: const styles = css`.root { color: red; }`; <div class={styles.root}></div>

browser css css-modules esm postcss tagged-template tagged-template-literal template-literal

Last synced: 13 Oct 2024

https://github.com/ioriens/wxss-transpiler

Port of wcsc.exe to Javascript. wxss 文件编译器

compiler css minapp postcss transpiler wxapp wxss wxss-transpiler wxss2css

Last synced: 14 Oct 2024

https://github.com/suyalcinkaya/nextailwind

Fully optimized Next.js + Tailwind CSS starter kit.

cssnano next nextjs postcss purgecss tailwind tailwindcss vercel

Last synced: 02 Nov 2024

https://github.com/titieo/eleventy-kickstart-blog

A starter for your 11ty project using tailwindcss, daisyui, vitejs and vercel

11ty 11ty-starter 11ty-template daisyui eleventy frontend postcss ssg tailwind-css tailwind-css-template tailwindcss

Last synced: 31 Oct 2024

https://github.com/sandrina-p/postcss-start-to-end

PostCSS plugin that lets you control your layout (LTR or RTL) through logical rather than physical rules

postcss postcss-plugins rtl support-rtl

Last synced: 04 Aug 2024

https://github.com/coobaha/postcss-variables-loader

Share variables between CSS and JS with Webpack + HMR

css cssnext hmr postcss postcss-variables-loader webpack

Last synced: 09 Nov 2024

https://github.com/alekseykulikov/injected-css

{:;} CSS in JS

cssinjs postcss

Last synced: 12 Nov 2024

https://github.com/sonofmagic/postcss-rem-to-responsive-pixel

Convert rem units to px or rpx units using PostCSS. Based on postcss-pxtorem and postcss-rem-to-pixel, and rewrite with typescript, and support Postcss8

css pixel postcss postcss-plugin rem uni uni-app wechat

Last synced: 27 Oct 2024

https://github.com/ant-design/codemod-v5

codemod cli for antd v5 upgrade

ant-design-v5 antd antd-design codemod jscodeshift postcss

Last synced: 08 Nov 2024

https://github.com/lailo/next-with-tailwindcss

NextJS with TypeScript and TailwindCSS (with dark theme switch)

dark-mode dark-mode-toggle dark-theme jest jest-snapshots jest-tests nextjs postcss prettier react tailwindcss typescript

Last synced: 11 Nov 2024

https://github.com/gucong3000/gulp-reporter

Error report for: CSSLint/EditorConfig/ESLint/HTMLHint/JSCS/JSHint/PostCSS/Standard/TSLint/XO

author blame eslint git gulp jscs jshint postcss reporter tslint

Last synced: 26 Oct 2024

https://github.com/jednano/postcss-all-link-colors

PostCSS plugin to insert colors for all link-related pseudo-classes.

active colors focus hover link postcss postcss-plugin visited

Last synced: 28 Oct 2024

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

Minimal starter for using React + PostCSS with Webpack.

postcss react webpack

Last synced: 27 Oct 2024

https://github.com/carbonpackages/carbon.pipeline

Ultra-fast build stack for Neos CMS based on esbuild and PostCSS

build css esbuild hacktoberfest javascript neoscms postcss react svelte typescript vuejs

Last synced: 14 Nov 2024

https://github.com/ningbonb/blog

关于前端的文章，自己在前端学习过程中的笔记与总结。

blog chrome html5 javascript krpano markdown postcss threejs typescript vue

Last synced: 06 Nov 2024

https://github.com/bezoerb/postcss-image-inliner

Image inliner for postcss

inline-images postcss

Last synced: 30 Oct 2024

https://github.com/sglazov/spt

🚀 A template for a quick start

css gulp html markup-template nunjucks postcss scss starter-template svg

Last synced: 26 Sep 2024

https://github.com/rodrigotomees/astro-rename

Astro-Rename is an Astro integration that brings postcss-rename functionality to your Astro project without the need of configuration.

astro astro-integration compress css postcss postcss-rename tailwind tailwindcss typescript

Last synced: 02 Nov 2024

https://github.com/bcomnes/top-bun

🍞 Flour Water Salt Yeast HTML CSS JS

css esbuild html jamstack js markdownit md postcss

Last synced: 15 Oct 2024

https://github.com/yuezk/postcss-filter-gradient

PostCSS plugin for generating the old IE supported filter gradients.

css-gradient ie8-gradient postcss

Last synced: 08 Nov 2024

https://github.com/laozhu/wsk

🚀 Web starter kit for simple web font-end development.

babel eslint mock-server postcss stylelint webpack webpack4 wsk

Last synced: 11 Oct 2024

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

A PostCSS port of https://github.com/reworkcss/rework-inherit

css npm postcss

Last synced: 14 Oct 2024

https://github.com/princed/postcss-banner

PostCSS plugin to add text banner and footer to resulting file

banner css-comment postcss postcss-plugin

Last synced: 28 Oct 2024

https://github.com/seancdavis/twenty-ninety

A production-ready Eleventy starter kit, optimized for performance.

eleventy gulp netlify postcss tailwindcss webpack

Last synced: 23 Oct 2024

https://github.com/madeleineostoja/postcss-input-style

PostCSS plugin that adds new pseudo-elements for easily styling the inner elements of inputs

css inputs postcss postcss-plugin pseudo-selectors

Last synced: 28 Oct 2024

https://github.com/loklaan/convert-css-js-app

Convert and edit CSS <-> CSS-in-JS in realtime.

create-react-app css css-in-js postcss

Last synced: 16 Oct 2024

https://github.com/thomas-darling/gulp-dependents

Gulp plugin that tracks dependencies between files and adds any files that depend on the files currently in the stream, thus enabling incremental build.

build dependencies gulp gulp-plugin incremental less pcss postcss sass scss

Last synced: 11 Oct 2024

https://github.com/barbarbar338/hastepaste

🖥️ HastePaste app website (DEPRECATED)

create-next-app next next-js next-js-app nextjs postcss react react-js reactjs tailwind tailwindcss ts typescript web website

Last synced: 12 Nov 2024

https://github.com/privatenumber/vite-css-modules

Vite plugin for correct CSS Modules behavior

css css-modules patch plugin postcss vite

Last synced: 18 Oct 2024

https://github.com/yisibl/postcss-unprefix

PostCSS CSS unprefix

css postcss

Last synced: 27 Oct 2024

https://github.com/jednano/postcss-circle

PostCSS plugin to insert a circle with color.

circle postcss postcss-plugin

Last synced: 28 Oct 2024

https://github.com/megatolya/postcss-will-change-transition

PostCSS plugin to add will-change property after transition declarations

postcss transition will-change

Last synced: 12 Oct 2024

https://github.com/samline/shido

Build interfaces quickly with a lightweight, flexible, and friendly CSS framework designed to be quick and easy without forcing you to overwrite styles or components. Your design, your rules.

artisan css css-framework css-modules front-end frontend functional-css grid grid-layout grid-system helpers-library less less-mixins mixins postcss responsive sass shido ui utility-classes