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:

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.

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/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/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/gilmoreorless/postcss-gradient-transparency-fix

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

css-gradients postcss postcss-plugin

Last synced: 31 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/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/nicothin/criteria-of-quality-frontend

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

checklist criteria css frontend html less postcss sass stylus

Last synced: 06 Nov 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/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/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/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/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/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/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/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/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/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/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/okikio/okikio

Okiki Ojo — Web Developer & Designer (Portfolio)

astrobuild gitpod markdown postcss tailwindcss typescript webdev website

Last synced: 02 Nov 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/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/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/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/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/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/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/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/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/alekseykulikov/injected-css

{:;} CSS in JS

cssinjs postcss

Last synced: 12 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/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/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/bezoerb/postcss-image-inliner

Image inliner for postcss

inline-images postcss

Last synced: 30 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/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/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/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/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/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/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/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/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/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/jednano/postcss-circle

PostCSS plugin to insert a circle with color.

circle postcss postcss-plugin

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

Last synced: 27 Oct 2024

https://github.com/dbox/caesura

:straight_ruler: A reasonable breakpoint scale using @custom-media

css cssnext custom-media mediaqueries mediaquery postcss

Last synced: 14 Oct 2024

https://github.com/Genuifx/postcss-pxtorpx-pro

转换px单位为rpx，并允许指定任意单位及其转换函数，支持指定黑名单prop。 A CSS post-processor that converts px to rpx or any other unit.

mini-app miniprogram postcss postcss-plugin postcss-plugins-px2rem rpx weapp

Last synced: 03 Aug 2024

https://github.com/iamnewton/alfred-postcss-workflow

Alfred App Workflow for https://www.postcss.parts

alfred alfred-workflow postcss workflow

Last synced: 18 Oct 2024

https://github.com/ahansson/hgrid-css

🌟 A lightweight and practical CSS utility kit. Zero config. Flat learning curve.

autoprefixer css css-framework css-utilities hgrid-css html node-sass postcss responsive-design scss utility-classes

Last synced: 01 Nov 2024

https://github.com/persteenolsen/webpack-5-react-typescript-boilerplate

Webpack 5 React TypeScript Babel and PostCSS boilerplate ready for use React with both JS and TS

babel postcss react typescript webpack

Last synced: 07 Nov 2024

https://github.com/rommelmamedov/bb8

Starter kit for automating tasks in everyday front-end development. 👨🏻‍💻 ⚡️ 🛠 ✨ 🤖

boilerplate browsersync css cssnano csso es6 eslint favicons gulpjs html imagemin javascript nodejs postcss purifycss rigger sass starter-kit stylelint templating

Last synced: 11 Oct 2024

https://github.com/remeic/generator-postcss

A simple postcss yeoman generator to be immediately ready and productive!

generator-postcss gulp postcss yeoman

Last synced: 11 Oct 2024

https://github.com/andrepolischuk/postcss-color-short

PostCSS plugin for color shortcuts

color postcss postcss-plugin

Last synced: 09 Nov 2024

https://github.com/meltifa/postcss-pixel-to-viewport

A CSS post-processor that converts px to viewport units.

pixel postcss postcss-plugin px vw

Last synced: 14 Oct 2024

https://github.com/alexlafroscia/postcss-retina-bg-img

Automatically add retina background images

background-image images postcss retina

Last synced: 20 Oct 2024

https://github.com/yurique/laminar-snowpack-example

An example of a Snowpack build for a Scala.js + Laminar + frontroute app.

embedded-files postcss scala scala-3 scalajs snowpack tailwindcss

Last synced: 31 Oct 2024

https://github.com/tomokimiyauci/mapcss

Tiny, composable Atomic CSS engine

ast atomic atomic-css css engine postcss tailwindcss

Last synced: 12 Oct 2024

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

PostCSS plugin for nested Sass-like variables.

nested postcss postcss-plugin sass variables vars

Last synced: 11 Oct 2024

https://github.com/naoray/tailwind-caret-color

Tailwindcss plugin to color caret in input fields

caret plugin postcss tailwindcss

Last synced: 30 Oct 2024

https://github.com/princed/grunt-csswring

DEPRECATED. Minify CSS files using PostCSS-based CSSWring

css-minifier csswring deprecated grunt grunt-plugins postcss

Last synced: 12 Oct 2024

PostCSS Awesome Lists
awesome-tailwindcss 265
PostCSS Categories
Learning 82 UI Libraries, Components & Templates 73 Tools 51 Starters & Themes 38 Plugins 34 Useful Links 11 IDE Extensions 5