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/madyankin/postcss-modules-example

How to use postcss-modules plugin

css example gulp modules postcss

Last synced: 17 Oct 2024

https://github.com/sndrs/postcss-atomised

Atomise standard CSS

atomic-css css postcss proof-of-concept

Last synced: 08 Nov 2024

https://github.com/zgreen/postcss-critical-css

PostCSS plugin to define and output critical CSS using custom atRules, and/or custom CSS properties. Critical CSS may be output to one or more files, as defined within the plugin options or within the CSS.

critical-css css postcss postcss-critical-css postcss-plugin

Last synced: 14 Nov 2024

https://github.com/shubhadip/vue3-component-library

This is a template for building vue components library.Project makes use of vue3.0 with rollup configuration to build treeshakable imports and Postcss for compilation of css

component-library library library-boilerplate postcss rollup rollupjs starter-template typescript vue vue3 vue3-project vuejs

Last synced: 27 Oct 2024

https://github.com/budparr/hugopipes-tailwindcss

Hugo's Pipes functionality using TailwindCSS and PurgeCSS

hugo postcss purgecss tailwindcss

Last synced: 13 Nov 2024

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

atSistemas React/Redux Isomorphic Platform

chai coverage enviroment enzyme immutablejs isomorphic jsdom mocha postcss react reactjs redux universal webpack3

Last synced: 12 Nov 2024

https://github.com/bjarneo/cessie

Transpile your CSS bundle to support CSS variables, calc, and future CSS for legacy browsers.

css ie11 less postcss preprocessor sass scss transpiler

Last synced: 10 Nov 2024

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

[UNMAINTAINED] A Universal React Stack with deeply integrated localization Support, semi-automatic route-based code splitting, Hot Module Reloading (HMR), Redux, Apollo GraphQL and more...

apollo-client css-modules expressjs graphql-client lost-grid postcss react-boilerplate universal-react webpack2

Last synced: 27 Sep 2024

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

PostCSS syntax for parsing CSS in JS literals

css css-in-js parsing postcss postcss-syntax react syntax

Last synced: 15 Nov 2024

https://github.com/bstaruk/starbase

⭐ Production-ready static website boilerplate featuring Webpack 5, TypeScript, PostCSS & Tailwind CSS.

boilerplate boilerplate-template eslint front-end-starter-kit postcss static-site stylelint tailwindcss typescript webpack webpack-dev-server webpack5 webpack5-boilerplate

Last synced: 14 Oct 2024

https://github.com/pascalduez/postcss-scrollbar

PostCSS plugin enabling custom scrollbars

css postcss

Last synced: 15 Nov 2024

https://github.com/pixeldevsio/tailpress

A Tailwind CSS enabled Underscores theme

jit postcss purgecss tailwindcss theme wordpress wordpress-theme

Last synced: 16 Nov 2024

https://github.com/hudochenkov/postcss-styled-syntax

PostCSS syntax for CSS-in-JS like styled-components

css-in-js postcss postcss-syntax styled-components

Last synced: 17 Nov 2024

https://github.com/cliffordp/cliff-wp-plugin-boilerplate

Cliff's WordPress plugin boilerplate

autoloader boilerplate composer customizer-optionsettings hacktoberfest minified namespace parcel php postcss react shortcode shortcodes tailwindcss unminified wordpress wordpress-development wordpress-plugin wordpress-plugin-boilerplate wp-plugin

Last synced: 10 Oct 2024

https://github.com/weblancaster/seed-react-project

[DEPRECATED] Yet another React boilerplate to rapidly and easily start a React stack component focused project from scratch without the tedious configuration work.

boilerplate css-modules postcss react react-router redux scaffolding webpack

Last synced: 01 Oct 2024

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

PostCSS plugin that adds shorthand hex methods to rgba() values

css-color css-colors postcss postcss-plugin

Last synced: 27 Oct 2024

https://github.com/yunusga/postcss-momentum-scrolling

PostCSS plugin add 'momentum' style scrolling behavior (-webkit-overflow-scrolling: touch) for elements with overflow (scroll, auto) on iOS

css inertia-scroll ios ios-safari momentum momentum-scrolling overflow postcss postcss-plugin safari scroll touch

Last synced: 02 Nov 2024

https://github.com/simonsmith/postcss-property-lookup

PostCSS plugin for property lookups, similar to Stylus

lookup postcss postcss-property-lookup stylus

Last synced: 17 Nov 2024

https://github.com/dbtedman/postcss-prefixwrap

A PostCSS plugin that is used to wrap css styles with a css selector to constrain their affect on parent elements in a page.

postcss postcss-plugin typescript

Last synced: 29 Oct 2024

https://github.com/finmavis/webpack-4-boilerplate

Webpack 4 Boilerplate with Babel, SASS or SCSS, browser autoprefix, and optimization using gzip and brotli for Production

auto-prefixer babel boilerplate bundler es6 html5 javascript postcss sass scss webpack webpack-boilerplate webpack-configuration webpack-dev-server webpack-starter webpack4 webpack4-boilerplate

Last synced: 06 Nov 2024

https://github.com/mrmlnc/emitty

A platform for finding dependencies between files and building tools for incremental compilation or build.

inheritance jade less nunjucks performance postcss posthtml pug scss stylus

Last synced: 10 Oct 2024

https://github.com/janraasch/hugo-product-launch

🚀 A Hugo theme for young start-ups, product launches, and »coming soon«-websites. Includes contact form & newsletter sign up via Netlify. Deploy with one click!

hugo hugo-theme netlify netlify-forms postcss tailwindcss theme

Last synced: 17 Nov 2024

https://github.com/giuseppeg/styled-jsx-postcss

Use PostCSS with styled-jsx 💥

css css-in-js postcss reactjs styled-jsx zeit

Last synced: 01 Nov 2024

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

A Webpack 5 boilerplate with Babel and Vue.js

babel es6 postcss vue webpack

Last synced: 14 Nov 2024

https://github.com/whitepapertools/whitepaper-bem

Design System Library

bem postcss whitepaper wtpr

Last synced: 31 Oct 2024

https://github.com/xhmikosr/find-unused-sass-variables

A simple tool to find unused Sass variables

postcss sass scss

Last synced: 18 Oct 2024

https://github.com/glebmachine/postcss-easysprites

Easy sprites for postcss. Just append `#spritename` to the end of image url. No complicated mechanism or strict folder structure.

assets-management postcss postprocessing retina-images sprites

Last synced: 31 Oct 2024

https://github.com/kittn/generator-kittn

The Yeoman Kittn Generator

craft css es6 gulp html kitten postcss prototype sass twig webpack wordpress yeoman-generator

Last synced: 14 Oct 2024

https://github.com/XhmikosR/find-unused-sass-variables

A simple tool to find unused Sass variables

postcss sass scss

Last synced: 25 Oct 2024

https://github.com/nuxt/postcss8

Opt-in to postcss 8 in Nuxt 2 apps.

nuxt nuxt2 postcss postcss8

Last synced: 07 Oct 2024

https://github.com/scrum/postcss-at-rules-variables

PostCss plugin to use CSS Custom Properties in at-rule @each, @for, @if, @else and more...

at-rules css plugins postcss postcss-plugins property rules

Last synced: 31 Oct 2024

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

PostCSS plugin to create a triangle.

equilateral isosceles postcss postcss-plugin right triangle

Last synced: 28 Oct 2024

https://github.com/shellscape/postcss-values-parser

A CSS property value parser for PostCSS

css cssnext lesshint parse postcss postcss-values-parser values

Last synced: 13 Nov 2024

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

PostCSS syntax for parsing HTML (and HTML-like)

css html parsing postcss postcss-html postcss-syntax vue-components

Last synced: 28 Oct 2024

https://github.com/cossssmin/jigsaw-tailwindcss

Use Tailwind CSS with the Jigsaw static site generator.

blade jigsaw laravel-mix php postcss purgecss static-site-generator tailwind-css

Last synced: 28 Oct 2024

https://github.com/typographist/postcss

css design frontend javascript mg901 modular modular-scale modularscale modularscale-postcss musical-scales postcss postcss-plugin postcss-toolkit ratio scale typo typographist typography vertical-rhythm web-typography

Last synced: 31 Oct 2024

https://github.com/jednano/postcss-nested-props

PostCSS plugin to unwrap nested properties.

css nested nested-properties postcss postcss-plugin properties props sass

Last synced: 28 Oct 2024

https://github.com/postcss/postcss-deno

Postcss for Deno

deno postcss

Last synced: 07 Oct 2024

https://github.com/oliverfindl/electron-vue-boilerplate

Simple boilerplate for building Vue app with Electron and Webpack.

boilerplate electron electron-vue-boilerplate eslint javascript postcss purgecss sass stylelint svgo terser vue vue-router vuex webpack

Last synced: 26 Oct 2024

https://github.com/upperdo/backoffice-template

Clean Architecture Sveltekit Appwrite template include admin area, auth, protected routes, it use ShadCN-Svelte as base component library, include authorization, designed to be easy to maintain and very scalable.

appwrite clean-architecture feature-first-folder-structure pnpm postcss shadcn-svelte sveltekit sveltekit-tailwindcss sveltekit-template tailwindcss typescript vite

Last synced: 09 Oct 2024

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

PostCSS plugin to automatically generate font-face src sets based on a path to font files

css font-face postcss postcss-plugin

Last synced: 28 Oct 2024

https://github.com/fz6m/lightningcss-loader

Speed up your Webpack build with lightningcss (Original parcel-css-loader)

autoprefixer lightningcss parcel-css postcss webpack-css-minifier webpack-loader

Last synced: 27 Oct 2024

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

PostCSS syntax for parsing styled components

css css-in-js postcss react styled syntax

Last synced: 17 Nov 2024

https://github.com/Bluskript/vite-plugin-inline-css-modules

Write CSS modules without leaving your javascript!

postcss solidjs vite vite-plugin

Last synced: 02 Nov 2024

https://github.com/azat-io/atom-language-postcss

:atom: Atom language support for PostCSS

atom postcss sugarss

Last synced: 10 Nov 2024

https://github.com/ahyiru/pack

@huxy/pack 是一个项目构建工具，集成了 esbuild、eslint、stylelint、jest、commitlint、husky、standard-version、postcss、prettier，提供开发环境、构建打包、本地启动服务、环境配置、代理配置等功能。

commitlint esbuild eslint husky jest nodejs postcss stylelint webpack

Last synced: 31 Oct 2024

https://github.com/tomeraberbach/postcss-fontpie

A PostCSS plugin for optimizing font loading layout shifts using fontpie!

cls css fontpie fonts npm-module npm-package postcss postcss-plugin

Last synced: 11 Oct 2024

https://github.com/poimen/stencil-tailwind-plugin

Plugin for using tailwindcss with StencilJS

postcss stencil stenciljs tailwind tailwindcss

Last synced: 11 Nov 2024

https://github.com/ygoex/yetty

Yet another 11ty boilerplate to start a new website with optional blog. This boilerplate is based on eleventy-base-blog et al.

11ty critical-css eleventy jamstack modernizr netlify postcss purgecss pwa sass scss ssg webpack

Last synced: 07 Nov 2024

https://github.com/tenhobi/postcss-czech-stylesheets

PostCSS plugin for writing Czech Style Sheets

postcss

Last synced: 08 Nov 2024

https://github.com/Poimen/stencil-tailwind-plugin

Plugin for using tailwindcss with StencilJS

postcss stencil stenciljs tailwind tailwindcss

Last synced: 15 Nov 2024

https://github.com/unlight/postcss-import-url

PostCSS plugin inlines remote files.

postcss postcss-plugin

Last synced: 07 Nov 2024

https://github.com/olehdutchenko/sort-css-media-queries

The custom `sort` method (mobile-first / desktop-first) for the `postcss-sort-media-queries` and `css-mqpacker`, or possibly something else

combine css-mqpacker desktop-first media mobile-first mq node-css-mqpacker pleeease postcss queries sort

Last synced: 28 Oct 2024

https://github.com/akiraz2/yii2-app

All you need for Rapid Development is My Advanced Template (Docker, DB||Redis Cache, Gentelella Admin, Dektrium-User, log-db, queue-db, i18n, EmailForm, postcss, Gii Ant) ~~~FREE WITH GREAT SUPPORT!~~~

dektrium gentelella-theme gii i18n logging postcss pretty-url ready-to-use yii2-application-template yii2-queue yii2-user

Last synced: 12 Oct 2024

https://github.com/vhscom/svelte-headlessui-starter

🚀 Launch your next Svelte app using Headless UI. Mirror of Svelte Headless UI Starter on Codeberg. :point_down:

changesets cssnano graphql headlessui playwright postcss supabase svelte sveltejs sveltekit tailwindcss typescript vite

Last synced: 07 Nov 2024

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

Add PostCSS to your Svelte project

cssnano postcss svelte svelte-add svelte-kit sveltekit vite

Last synced: 16 Nov 2024

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

PostCSS plugin that allows you to create aliases for CSS properties

css postcss postcss-plugin

Last synced: 28 Oct 2024

https://github.com/thuongtruong1009/twitter-meta

🏷 Stay up-to-date with tweets from multidisciplinary, fully informed with all live commentary. Free and widely available online for everyone.

bablejs component css3 eslint firebase frontend-web github html-css-javascript html5 javascript pinia postcss prettier pwa quasar scss twitter typescript vue-router vuejs

Last synced: 17 Nov 2024

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

PostCSS plugin that adds a 'fix' argument to the 'clear' property

clearfix css postcss postcss-plugin

Last synced: 28 Oct 2024

https://github.com/justalever/tailwind-airbnb

A demo of how to build Airbnb's home page using Tailwind CSS

css front-end-development postcss tailwindcss

Last synced: 20 Oct 2024

https://github.com/friendsofredaxo/redaxo-mit-bimmelbam

REDAXO front-end with Gulp, Browserify, PostCSS and Bimmelbam (stuff)

babel browserify frontend gulp node nunjucks postcss redaxo sass

Last synced: 09 Oct 2024

https://github.com/lysyi3m/atom-postcss-sorting

Atom editor plugin to sort CSS rules content with specified order.

apm atom-plugin css postcss sorting

Last synced: 11 Nov 2024

https://github.com/lutien/postcss-extract-value

PostCSS plugin to extract values from css properties and put them into variables.

css-property postcss

Last synced: 01 Nov 2024

https://github.com/simonsmith/postcss-at2x

Simplify handling of retina images in CSS

at2x javascript postcss retina-images

Last synced: 27 Oct 2024

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

Automatically switch PostCSS syntax based on file extensions

css extension postcss postcss-syntax switch syntax

Last synced: 17 Nov 2024

https://github.com/mistricky/postcss-relaxed-unit

🍮Postcss-relaxed-unit is a postcss plugin for unit tranformation and make write css easier with custom unit.

css postcss postcss-plugin px rem typescript unit-tranformation

Last synced: 16 Nov 2024

https://github.com/manzdev/parcel-document-blank

A prepared package for new HTML/CSS/JS projects and easy coding (with Parcel)

css3 eslint html5 javascript parcel postcss pug stylelint template tslint typescript

Last synced: 10 Oct 2024

https://github.com/tivac/fixie

PostCSS plugin to simplify IE CSS hacks

css-hack ie-hacks postcss postcss-plugins

Last synced: 04 Aug 2024

https://github.com/voightco/micro-site

Opinionated 11ty micro front-end that can be used to create a one-pager.

11ty eleventy nunjucks postcss static-site static-site-generator

Last synced: 07 Nov 2024

https://github.com/storybookjs/addon-styling

A base addon for configuring popular styling tools

addon css postcss scss storybook styling theme-switcher

Last synced: 29 Sep 2024

https://github.com/d4rkr00t/aik

Frontend Playground

aik frontend-playground javascript playground postcss prototyping react repl webpack

Last synced: 30 Oct 2024

https://github.com/robbevp/postcss-multiple-tailwind

Easily handle multiple tailwindcss configs within your project.

postcss postcss-plugin tailwindcss

Last synced: 31 Oct 2024

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

PostCSS plugin to center elements.

center postcss postcss-plugin

Last synced: 28 Oct 2024

https://github.com/leodido/postcss-clean

PostCss plugin to minify your CSS with clean-css

clean-css css es2015 hacktoberfest javascript minification minify optimizer postcss postcss-plugin

Last synced: 27 Oct 2024

https://github.com/argyleink/vite-postcss-preset-env

cssnext devenvironments modern-syntax postcss vite

Last synced: 31 Oct 2024

https://github.com/lttb/postjss

Use the power of PostCSS in compiling with JSS

babel babel-plugin css-in-js jss postcss styled-components

Last synced: 08 Nov 2024

https://github.com/8398a7/abilitysheet

This app is ability sheet for beatmania iidx music of level 12.

circleci docker gcp helm iidx immutablejs kubernetes postcss postgresql rails react react-rails redux redux-saga ruby slack typescript yarn

Last synced: 04 Aug 2024

https://github.com/justim/postcss-svg-fallback

An automatic SVG converter for your CSS files

javascript postcss postcss-plugins svg svg-fallback

Last synced: 28 Oct 2024

https://github.com/Barata-Ribeiro/vite-vanilla-js-template

ViteJS starter template for vanilla JavaScript with some basic dependencies.

autoprefixer boilerplate boilerplate-template css-nano css-reset eslint javascript open-source postcss prettier scaffold-template template vanilla-javascript vite vite-template vitejs vitejs-template

Last synced: 07 Nov 2024

https://github.com/jeff2ma/postcss-lazyimagecss

A PostCSS plugin that generates images's CSS width & height properties automatically.

css nodejs postcss postcss-lazyimagecss postcss-plugin

Last synced: 15 Nov 2024

https://github.com/lskjs/lskjs

Lego Starter Kit — Node.js & React isomorphic app creator (Node.js, Express, React.js, Babel, PostCSS, Webpack)

babel boilerplate express nodejs postcss react starter-kit webpack

Last synced: 30 Oct 2024

https://github.com/brycewray/eleventy_solo_starter

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 postcss responsive-images ssg starter-template tailwind tailwind-jit tailwindcss

Last synced: 25 Sep 2024

https://github.com/tol-is/tailwind-compositor

A tailwindcss system of constraints designed to produce aesthetically pleasing, typographic compositions, based on objective, constant dimensions of space.

baseline baseline-grid css grid postcss tailwind tailwindcss tailwindcss-plugin typography vertical-rhythm