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/naoray/tailwind-caret-color

Tailwindcss plugin to color caret in input fields

caret plugin postcss tailwindcss

Last synced: 30 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/importantimport/shiraha

❄ Material 3-inspired Classless CSS Framework. [WIP]

classless classless-css classless-css-framework classless-theme css css-framework css-library postcss sugarss theme

Last synced: 27 Oct 2024

https://github.com/vuthanhtrung2010/url-shortener

An ultra fast & flexible URL shortener using PostgreSQL database

link-shortener next14 nextjs postcss postgresql postgresql-database prisma-orm sentry tailwindcss typescript url-shortener

Last synced: 11 Oct 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/simonsmith/postcss-generate-preset

PostCSS plugin for quickly generating repetitive utilities

javascript postcss

Last synced: 28 Oct 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/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/saadeghi/create-react-app-tailwindcss

create react app with tailwindcss configed

autoprefixer create-react-app cssnano postcss react reactjs tailwind tailwindcss

Last synced: 27 Oct 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/alekseypleshkov/postcss-flex-short

PostCSS plugin for write short flex parameters

postcss postcss-flex postcss-plugin

Last synced: 07 Nov 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/milliorn/landing-page

Template landing page site built using React and Tailwind CSS

autoprefixer css css3 html html-css html-css-javascript html5 javascript js landing-page landing-page-template landingpage lazy-loading postcss react reactjs tailwind tailwind-css tailwindcss typescript

Last synced: 09 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/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/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: 15 Nov 2024

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

Comprehensive Webpack 5 Boilerplate with Express, Netlify, and PWA support.

boilerplate boilerplate-webpack browserslist commitizen commitlint eslint htmlhint husky jest lint-staged markdownlint postcss prettier sass secretlint semantic-release stylelint template typescript webpack

Last synced: 08 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: 14 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/karolis-sh/esbuild-postcss

esbuild plugin for PostCSS support

esbuild esbuild-plugin postcss

Last synced: 28 Oct 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/arturparkhisenko/gulp-gold

:wrench: Custom Gulp pack

browsersync development gulp javascript npm postcss tools webpack

Last synced: 14 Oct 2024

https://github.com/jasonraimondi/postcss-custom-media-generator

Generates mobile first `@custom-media` rules from a configuration object.

custom-media mobile-first mobile-first-css postcss postcss-custom-media postcss-custom-media-generator postcss-plugin

Last synced: 09 Nov 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/oliverfindl/html-sass-babel-boilerplate

Simple boilerplate for building web app with babel-cli and node-sass.

autoprefixer babel boilerplate eslint html html-sass-babel-boilerplate javascript postcss purgecss sass stylelint

Last synced: 26 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/cosanca/nucleum

A performance oriented web starter kit

browserslist browsersync docker-compose gulp gulp-tasks itcss performance postcss web-starter-kit webpack4 wordpress

Last synced: 14 Oct 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/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/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/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/skilld-labs/kaizen

Basic theme

components development-theme drupal-8 eslint postcss stylelint theme webpack

Last synced: 11 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/html-next/optimizing-css-compiler

CSS: but easier and faster

css ember ember-cli glimmerjs postcss postcss-plugin scoped-css

Last synced: 09 Nov 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/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/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/mizchi/next-amp-tailwind-purgecss

amp next postcss purgecss tailwindcss

Last synced: 11 Nov 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/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/dangvanthanh/postcss-longshadow-text

Postcss plugin for long shadow text

css longshadow-text postcss postcss-plugins shadow-text

Last synced: 11 Oct 2024

https://github.com/andreapontrandolfo/super-performant-portfolio-website

Blazing fast static website made with Astro :rocket:

art astro autoprefixer cloudflare javascript postcss swup tailwindcss

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

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/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: 23 Oct 2024

https://github.com/nicbell/postscss

node-sass + PostCss = PostScss

node-sass postcss

Last synced: 15 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/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/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/zgreen/postcss-elm-modules

Transpile CSS modules to Elm.

css css-modules elm postcss postcss-plugin

Last synced: 12 Oct 2024

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/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/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/octod/postcss-emptymediaqueries

Removes empty media queries

css postcss postcss-emptymediaqueries

Last synced: 27 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/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/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/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/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/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/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/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/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/fi3ework/postcss-rename-selector

🌖 Effortlessly Rename CSS Selectors.

ant-design antd css less postcss postcss-plugin

Last synced: 19 Oct 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/ccbikai/ada

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

postcss scss webpack

Last synced: 09 Nov 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/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/tonyrewin/svelte3-ts-boilerplate

postcss rollup svelte typescript

Last synced: 14 Nov 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/moollaza/zaahir.ca

Zaahir Moolla's Personal Website

personal-website postcss purgecss rollup sapper svelte tailwindcss

Last synced: 14 Oct 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/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/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/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/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/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/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