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/bezoerb/postcss-image-inliner

Image inliner for postcss

inline-images postcss

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

PostCSS plugin to insert a circle with color.

circle postcss postcss-plugin

Last synced: 28 Oct 2024

https://github.com/zcreativelabs/fiber-css

An atomic css framework focused on responsive design

atomic-css css design-systems design-tools postcss responsive-design

Last synced: 16 Nov 2024

https://github.com/cityofnewyork/patterns-cli

A front-end CLI for building and managing design pattern libraries. Maintained by @NYCOpportunity

civic cli dart-sass design-systems design-tokens es-modules eslint nycopportunity patterns patterns-cli postcss pttrn sass slm-lang stylelint svg-sprite svgo svgs tailwindcss templates

Last synced: 18 Nov 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/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/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/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/theelegantcoding/astro_template_webpage

πŸ“¦οΈ This repository that contains an Astro template ready for any website you can imagine. It's like a Swiss Army knife for developers, offering pre-built modules and flexible configurations to kickstart your project, regardless of its type.

accessibility astro bun clean-architecture clean-code design-system eslint i18n node performance postcss sass seo style-guide stylelint typescript vite web-development

Last synced: 07 Dec 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/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/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/awcross/postcss-each-variables

PostCSS plugin enabling variable mapping for each

each postcss postcss-plugin properties rules variables vars

Last synced: 19 Nov 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/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/princed/grunt-csswring

DEPRECATED. Minify CSS files using PostCSS-based CSSWring

css-minifier csswring deprecated grunt grunt-plugins postcss

Last synced: 12 Oct 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/metaphorical/quantum-blox

Quantum blox - modular UI boilerplate in react

css jest modularity modules postcss react reactjs redux redux-saga webpack webpack2

Last synced: 23 Nov 2024

https://github.com/ahtohbi4/postcss-bgimage

PostCSS plugin to optimization subjective site speed

css gulp optimization postcss

Last synced: 07 Dec 2024

https://github.com/stackcss/sheetify-postcss

postcss transform for sheetify, use all the plugins!

postcss sheetify

Last synced: 23 Nov 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/naoray/tailwind-caret-color

Tailwindcss plugin to color caret in input fields

caret plugin postcss tailwindcss

Last synced: 30 Oct 2024

https://github.com/darrenjacoby/postcss-range-value

Range value between two screen sizes

css postcss postcss-plugin postcss-range-value

Last synced: 19 Nov 2024

https://github.com/gregrickaby/npm-scripts-boilerplate

A collection of packages that build a website using npm scripts.

cssnano image-processing nodejs npm-scripts npmjs postcss sass

Last synced: 28 Sep 2024

https://github.com/martinkavik/postcss-typed-css-classes

PostCSS plugin that generates typed entities from CSS classes for chosen programming language.

classes css generator postcss postcss-plugin rust tailwindcss

Last synced: 02 Nov 2024

https://github.com/celiolatorraca/autoprefixer-tv

PostCSS plugin to split only duplicated prefixed property declarations into multiple rules.

postcss postcss-plugin react-tv webos

Last synced: 16 Nov 2024

https://github.com/tbremer/postcss-atrule-bem

CSS At Rules for writing semantic BEM components.

bem css frontend postcss

Last synced: 14 Nov 2024

https://github.com/welksonramos/postcss-brazilian-portuguese-stylesheets

:scream: PostCSS plugin for writing CSS in Brazilian Portuguese

postcss

Last synced: 11 Nov 2024

https://github.com/simonsmith/postcss-generate-preset

PostCSS plugin for quickly generating repetitive utilities

javascript postcss

Last synced: 28 Oct 2024

https://github.com/philipbordallo/postcss-stack

A better way to manage z-indexes

css postcss z-index

Last synced: 17 Nov 2024

https://github.com/lucasjs/react-boilerplate

βš›οΈ Webpack + React + PostCSS + Storybook and Linters Boilerplate

boilerplate css javascript postcss react storybook webpack

Last synced: 08 Nov 2024

https://github.com/parfaitementweb/tailwind-mix-starter

A static HTML starter template using TailwindCSS with Laravel Mix, PostCSS and PurgeCSS

laravel-mix postcss starter-template tailwindcss

Last synced: 13 Nov 2024

https://github.com/remeic/rum

πŸ₯ƒ Makes people smile with css

css fast framework hacktoberfest hacktoberfest2022 mobile-first postcss small

Last synced: 27 Oct 2024

https://github.com/a-x-/babel-plugin-transform-import-css

Pack css-modules css into js (for library building purposes)

babel babel-plugin babel7 css-modules frontend postcss rocketbank

Last synced: 12 Nov 2024

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

PostCSS plugin that shims some basic behaviour of the proposed CSS subgrid spec

css-grid polyfill postcss postcss-plugin

Last synced: 01 Nov 2024

https://github.com/lincenying/gulp-startup

εˆ‡ε›ΎεŠζ΄»εŠ¨ι‘΅εΏ…ε€‡, ζ”―ζŒtailwindcss, θ‡ͺεŠ¨ηΌ–θ―‘less/scss, θ‡ͺ动添加css3前缀, ζ”―ζŒθ‡ͺεŠ¨ε°†px转成rem, θ‡ͺεŠ¨εˆ·ζ–°ζ΅θ§ˆε™¨, ζ”―ζŒε°†es6变成es5, ζ”―ζŒε°†pugηΌ–θ―‘ζˆhtml

css gulp less postcss sass

Last synced: 08 Nov 2024

https://github.com/moox/postcss-message-helpers

PostCSS helpers to throw or output GNU style messages

javascript postcss postcss-helpers

Last synced: 25 Dec 2024

https://github.com/manzdev/css-grid-cards

CSS Grid Cards: Talk for TLP Tenerife 2018 / JSDay CanariasJS 2018

css css-grid flex flexbox grid grid-css javascript postcss talks

Last synced: 11 Nov 2024

https://github.com/kaishin/redalemeden.com

Source of redalemeden.com

blog gatsby gatsbyjs jsonfeed microblog postcss rss

Last synced: 07 Nov 2024

https://github.com/alekseypleshkov/postcss-flex-short

PostCSS plugin for write short flex parameters

postcss postcss-flex postcss-plugin

Last synced: 07 Nov 2024

https://github.com/epilande/yars

:rocket: Yet Another React Starter

boilerplate css-modules postcss react redux webpack

Last synced: 25 Nov 2024

https://github.com/mrcgrtz/postcss-opacity-percentage

πŸŒ— PostCSS plugin to transform percentage-based opacity values to more compatible floating-point values.

css css4 opacity postcss postcss-plugin

Last synced: 23 Dec 2024

https://github.com/gustavomorinaga/gustavomorinaga.dev

β–² My super website built with SvelteKit and served on Vercel.

daisyui developer gustavomorinaga portfolio postcss sass sveltekit tailwindcss threejs typescript vercel

Last synced: 28 Oct 2024

https://github.com/karolis-sh/esbuild-postcss

esbuild plugin for PostCSS support

esbuild esbuild-plugin postcss

Last synced: 28 Oct 2024

https://github.com/mitsunee/postcss-split-colors

PostCSS Plugin to destructure colors in custom properties

css css3 css3-color css3-properties postcss postcss-plugin

Last synced: 13 Oct 2024

https://github.com/hassonor/react-with-tailwind

Appointment Owner-Pet with React, Tailwind, PostCSS, Craco, React-icons

craco postcss react react-icons searching sorting-data tailwind

Last synced: 10 Nov 2024

https://github.com/billimarie/simple-react-tailwind-tutorial

Create a simple, multi-page website that watches your CSS changes & refreshes your app, accordingly.

postcss react react-js react-tutorial tailwind-css tailwindcss tutorial

Last synced: 12 Nov 2024

https://github.com/chrisboakes/postcss-encode-background-svgs

PostCSS plugin to encode background svgs

postcss postcss-plugin postcss-plugins

Last synced: 02 Dec 2024

https://github.com/hellraiserrob/classic-webapp-gulp-spa

Boilerplate for a classic webapp with vue SPAs within

gulp jest nunjucks postcss vue webpack

Last synced: 14 Oct 2024

https://github.com/stylus/postcss-styl

PostCSS parser plugin for converting Stylus syntax to PostCSS AST

postcss stylus

Last synced: 15 Nov 2024

https://github.com/francoisromain/postcss-grid-system

A PostCSS plugin to create grids based on a fixed column width.

grid-system postcss postcss-grid postcss-plugin

Last synced: 17 Nov 2024

https://github.com/mungell/react-postcss

Simple style tag for React

css-in-js experimental postcss react

Last synced: 16 Nov 2024

https://github.com/winston0410/postcss-rfs-autopilot

A PostCSS plugin that will auto markup your CSS with rfs() for RFS

postcss postcss-plugin rfs

Last synced: 28 Oct 2024

https://github.com/aonemd/jazl

GitHub issue based commenting system made simple

babel7 blogging comments github github-pages issues postcss webpack4

Last synced: 10 Dec 2024

https://github.com/dialpad/dialtone

The main repository for all of Dialpad's design system resources.

css design-system design-tokens dialtone javascript less postcss ui ui-library vue vue-components vuejs2 vuejs3

Last synced: 29 Oct 2024

https://github.com/nicbell/postscss

node-sass + PostCss = PostScss

node-sass postcss

Last synced: 15 Oct 2024

https://github.com/andrepolischuk/postcss-border

PostCSS plugin for border shortcut

border postcss postcss-plugin

Last synced: 11 Oct 2024

https://github.com/double-slash-podcast/double-slash

Code source du site web dΓ©diΓ© au podcast double slash

frontmatter gatsbyjs graphql javascript netlify podcast postcss react rss

Last synced: 06 Dec 2024

https://github.com/SectorLabs/postcss-inline-class

A webpack plugin to inline CSS classes in other CSS classes using postcss

inline mixins postcss postcss-plugins webpack

Last synced: 08 Nov 2024

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

Webpack 4 boilterplate with Babel, SASS, PostCSS, Vue, Tailwind and Pug

babel postcss pug sass tailwindcss vue webpack webpack-dev-server

Last synced: 22 Dec 2024

https://github.com/sc0rp10/stylus-to-postcss

stylus to postcss converter

node postcss stylus

Last synced: 27 Nov 2024

https://github.com/vitaliyr/postcss-esplit

PostCSS plugin for splitting css into multiple css files with sourcemaps support for preventing limitation of shinny ie9

postcss

Last synced: 14 Oct 2024

https://github.com/bhanu1776/nextjs14-starter-template

Npm package: Latest Next.js 14 starter template with Typescript + Tailwindcss + Eslint (airbnb) + Prettier + Husky + cz-git + pnpm + PWA πŸ”₯

cz-git debug-screens eslint eslint-airbnb husky nextjs-starter nextjs-template nextjs13 pnpm postcss prettier-eslint progressive-web-app react tailwindcss tailwindcss-prettier typescript

Last synced: 14 Oct 2024

https://github.com/danieladarve/craft-startup-kit

A Craft CMS 3 + (Laravel Mix, TailwindCSS+purge, PostCss, AlpineJS, ESLint, AirBnb, Prettier) Boilerplate

airbnb alpinejs craftcms eslint laravel-mix postcss prettier

Last synced: 11 Nov 2024

https://github.com/shenlu89/jekyll-tailwindcss-starter

A dead simple, comprehensive Jekyll boilerpalte styling with Tailwind CSS.

cssnano disqus google-analytics jekyll jekyll-theme mathjax postcss purgecss tailwindcss

Last synced: 30 Oct 2024

https://github.com/csstools/postcss-attribute-case-insensitive

PostCSS plugin to support case insensitive attributes

postcss

Last synced: 04 Nov 2024

https://github.com/nkt/css-variables-parser

CSS variables parser

css-variables parser postcss

Last synced: 08 Nov 2024

PostCSS Awesome Lists
awesome-tailwindcss 265
PostCSS Categories
Learning 79 UI Libraries, Components & Templates 69 Tools 50 Starters & Themes 36 Plugins 35 Useful Links 11 IDE Extensions 5