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/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/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/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/yordis/postcss-google-font

PostCSS plugin for import Google fonts

font google-fonts postcss postcss-google-font

Last synced: 27 Oct 2024

https://github.com/jonathanharrell/hiq-theme-builder

Theme builder for the HiQ CSS framework.

css custom-properties postcss theming vue

Last synced: 28 Oct 2024

https://github.com/nathanielinman/jugs

Micro app generator jugs makes game development fun again.

autoprefixer babel ion ion-cloud javascript jugs postcss stylus vite vitejs

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

Zaahir Moolla's Personal Website

personal-website postcss purgecss rollup sapper svelte tailwindcss

Last synced: 14 Oct 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/huynhducduy/react-starter-kit

Duy's React Starter Kit based on Create React App

babel boilerplate boilerplate-application boilerplate-front-end boilerplate-template boilerplates eslint postcss react reactjs reactjs-boilerplate starter starter-kit starter-project starter-template starterkit tailwind typescript vite webpack

Last synced: 13 Nov 2024

https://github.com/andrepolischuk/postcss-pseudo-class-any-button

PostCSS plugin for targeting all button elements with :any-button selector

button postcss postcss-plugin

Last synced: 09 Nov 2024

https://github.com/juliyvchirkov/utils.css

a couple of useful css utils

alignment animation bootstrap bootstrap4 css css-animations html html-css html5 indentation layout mobile-first node-sass postcss postcss-scss sass

Last synced: 15 Oct 2024

https://github.com/francoisromain/postcss-button

A PostCSS plugin to create buttons.

css postcss postcss-button postcss-plugins

Last synced: 17 Nov 2024

https://github.com/yhunlu/blogf-cmsblog

Modern Responsive Jamstack - GraphCMS Blog Web Application

full-stack fullstack graphcms graphql graphql-request graphqlcms headless-cms html-react-parser jamstack moment nextjs postcss react react-dom react-multi-carousel sass tailwindcss vercel vercel-deployment

Last synced: 09 Nov 2024

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

Add Pico CSS to your Svelte project

postcss scss svelte svelte-add svelte-kit sveltekit vite

Last synced: 16 Nov 2024

https://github.com/dangvanthanh/create-web-app

Create Web App

babel coffeescript create-web-app less nunjucks postcss pug rollup sass typescript

Last synced: 11 Oct 2024

https://github.com/yarastqt/postcss-theme-fold

Postcss plugin for folding css-variables with using whitepaper design system in legacy browsers.

css-variables postcss postcss-plugin whitepaper

Last synced: 05 Nov 2024

https://github.com/digibib/deichman-ui

Style-guide and component library

postcss react storybook

Last synced: 02 Nov 2024

https://github.com/narze/sapper-tailwindcss-template

Sapper Template with TailwindCSS

postcss purgecss rollup sapper svelte tailwindcss template

Last synced: 08 Nov 2024

https://github.com/mackentoch/react-bootstrap-webpack-ssr-starter

react js + bootstrap + webpack 2 + react-router 4 + server side rendering starter

bootstrap bootstrap3 chai hot-reload postcss react react-router react-router-v4 reactjs server-side-rendering webpack webpack2

Last synced: 16 Nov 2024

https://github.com/dependents/node-detective-postcss

Find the dependencies of a CSS file (PostCSS dialect)

ast css dependencies dependency-graph detective nodejs parser postcss

Last synced: 16 Nov 2024

https://github.com/struckchure/musica

Music Application

jsx nextjs postcss react tailwind

Last synced: 18 Oct 2024

https://github.com/goodguyry/postcss-tidy-columns

PostCSS plugin to manage column and margin alignment.

alignment columns grid postcss postcss-plugin

Last synced: 09 Nov 2024

https://github.com/chara0511/to-do-app

html-css-javascript nextjs postcss react tailwindcss typescript

Last synced: 07 Nov 2024

https://github.com/openstyles/stylelint-bundle

Create & provide a bundled version of Stylelint

bundle css less linter postcss scss stylelint

Last synced: 06 Nov 2024

https://github.com/dcalhoun/postcss-warn-cleaner

Selectively remove PostCSS warnings from your logs.

ignore-warnings postcss vendor

Last synced: 24 Oct 2024

https://github.com/obewds/vueventus

A repository for the VueVentus component library

nodejs obewds postcss rollup tailwindcss vite vitepress vue vueventus

Last synced: 10 Nov 2024

https://github.com/rubum/css-parser

A tool for parsing CSS in Elixir to a structured data. It's an initial attempt in implementing PostCSS in Elixir.

css cssparser postcss

Last synced: 29 Oct 2024

https://github.com/ayusharma/jest-css-module-transformer

A Jest transformer for css and scss files

css javascript jest postcss scss transformer

Last synced: 28 Oct 2024

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

makes IE capable of rendering several of the most useful CSS3 decoration features.

border-image border-radius box-shadow css3 gradient ie pie postcss

Last synced: 12 Oct 2024

https://github.com/princed/postcss-modules-tilda

PostCSS plugin to restore the way to resolve modules CSS Modules values paths that css-loader used to do before 2.0.

css-loader css-modules postcss postcss-plugin tilda

Last synced: 12 Oct 2024

https://github.com/philipbordallo/postcss-color-emoji

✏ Emoji in full color!

css emoji font-family postcss

Last synced: 17 Nov 2024

https://github.com/jasonraimondi/jmondi

A collection of utility packages for use in a variety of projects.

electron form-validation postcss routes typescript

Last synced: 09 Nov 2024

https://github.com/yesnoruly/parcel-start

Clone this repo to start your own projects!

boileplate css gh-pages html parcel postcss posthtml-include starter-template template

Last synced: 03 Aug 2024

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

atSistemas Vue/Vuex based developing platform standard

babel jest postcss standard-js vue vuex webpack

Last synced: 09 Nov 2024

https://github.com/daveinchy/native-desktop-template

non create-react-app but React Native desktop application template, all configurations done from scratch so its very customizable. This is a stable release! maybe update webpack-cli package if not working.

application desktop development electronjs eslint mobile postcss prettier-eslint react-native reactjs tailwindcss template webpack

Last synced: 09 Nov 2024

https://github.com/eddiesigner/simple-media-queries

[PostCSS] Simple and mobile first media queries made easy.

css css3 gulp javascript media-queries nodejs npm postcss

Last synced: 31 Oct 2024

https://github.com/amitkbiswas01/eleventy-template

Portfolio website template with integrated standard blog features.

11ty 11ty-template blog portfolio-template postcss snowpack static-site-generator tailwindcss

Last synced: 02 Oct 2024

https://github.com/rodeyseijkens/react-starter-kit

React Starter Kit — isomorphic web app boilerplate (Node.js, Express, React.js, Babel, PostCSS, Webpack, Browsersync, Styleguidist)

babel browsersync cssmodules eslint expressjs nodejs postcss prettier reactjs styleguidist webpack

Last synced: 30 Sep 2024

https://github.com/pboivin/tailwind-parcel-starter

Yet another front-end starter template

es6 parcel-bundler postcss starter-template tailwindcss

Last synced: 14 Oct 2024

https://github.com/merri/alku

We are divergent. The CSS framework for people who desire to have more accessible defaults.

classless-css css css-framework css-reset css-utilities css-variables html-attributes normalize-css postcss

Last synced: 12 Oct 2024

https://github.com/abvcss/abvcss

abvCSS - CSS-methodology and framework for creating modern and supported web interfaces

abvcss bem bootstrap bulma css-framework css-methodology less normalize-css postcss sass webpack

Last synced: 06 Nov 2024

https://github.com/0xtheprodev/storybook-addon-sass-postcss

Storybook AddOn that incorporates PostCSS Preprocessor over CSS Modules with Sass support

css-modules postcss sass storybook storybook-addon webpack

Last synced: 14 Oct 2024

https://github.com/switowski/portfolio

My personal website built with Eleventy

alpinejs eleventy eleventy-website postcss tailwindcss

Last synced: 06 Nov 2024

https://github.com/cosmoart/where-in-the-world

🌎 Website to search for country information. Made with the Rest Countries API, React and Tailwind.

api-rest frontend-mentor postcss react reactjs tailwindcss vitejs

Last synced: 11 Oct 2024

https://github.com/factorial-io/drupal-breakpoints-css

Extract CSS custom properties and custom-media queries as well as a JavaScript config from Drupal's theme breakpoints

css custom-media custom-properties drupal mediaqueries postcss

Last synced: 10 Nov 2024

https://github.com/shellyln/webpack-typescript-lib-quickstart

[DEPRECATED] Quickstart project scaffolding for TypeScript library that runs on browsers and/or Node build with Webpack 2.

ci getting-started node postcss quickstart scaffolding scss starter starter-template typescript webpack webpack2

Last synced: 27 Sep 2024

https://github.com/anicedantfa/blog.ngockhoi96.dev

A personal blog that share my ideas, experiences about techs and lifestyles.

blog cloudflare markdown mdx nextjs postcss react-hook-form react-testing-library reactjs storybook typescript velite vercel vitest zod zustand

Last synced: 11 Oct 2024

https://github.com/ramasilveyra/templatize-css

Templatize CSS files

css cssnext postcss templates

Last synced: 08 Nov 2024

https://github.com/fengyuanchen/postcss-header

Add a header to a file.

banner css header postcss postcss-plugin

Last synced: 16 Nov 2024

https://gitlab.com/digested/node-digest

Reusable configurations to get projects started quickly.

babel build eslint graphql javascript jest nightwatch node postcss react stylelint typescript webpack

Last synced: 29 Oct 2024

https://github.com/pierrickgt/pcgb

PCGB: a simple PostCSS boilerplate to kickstart your static website project

boilerplate gulpfile postcss

Last synced: 27 Oct 2024

https://github.com/johnwatkins0/postcss-bootstrap-4-grid

Generates Bootstrap 4-style grid classes with PostCSS.

bootstrap bootstrap4 node postcss

Last synced: 11 Oct 2024

https://github.com/codeilluminators/docs.goodbyedpi.ui

User-friendly documentation for GoodbyeDPI/UI, a graphical interface for managing DPI(Deep Packet Inspection) bypass utils (Windows 10/11).

apache2 docs eslint goodbyedpi goodbyedpi-ui husky lucide mdx next-mdx-remote nextjs pnpm postcss prettier radix-ui react shadcn-ui tailwindcss typescript vercel webpack

Last synced: 02 Nov 2024

https://github.com/andrewmacmurray/tachyons-setup

Customisable setup for using tachyons in a project

boilerplate css postcss tachyons

Last synced: 12 Oct 2024

https://github.com/startino/futino

The monorepo for Futino

monorepo postcss svelte sveltekit tailwind tailwindcss turborepo vite

Last synced: 13 Aug 2024

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

A Webpack 5 boilerplate with Babel React and PostCSS

babel es6 postcss react webpack

Last synced: 07 Nov 2024

https://github.com/natainditama/panducovid

😷 COVID-19 awareness website

covid-19 covid-virus covid19 css health-informatics healthcare html html-css-template html-template html5 parcel parcel-bundler postcss posthtml socialdistance static stayathome staysafe tailwindcss vaccinate

Last synced: 26 Oct 2024

https://github.com/jonaskuske/postcss-smoothscroll-anchor-polyfill

⚙ Transform CSS for use with smoothscroll-anchor-polyfill

anchor postcss postcss-plugin scroll smooth-scroll smooth-scrolling smoothscroll smoothscroll-anchor-polyfill

Last synced: 22 Oct 2024

https://github.com/milliorn/acn-website

Official website dedicated to the Carpathian Nightmare Neverwinter Nights server. It serves as a comprehensive platform for players and prospective players to access information, updates, and resources.

autoprefixer bootstrap carpathian chokidar firebase lodash neverwinter-nights neverwinter-nights-enhanced-edition neverwinternights nightmare nwn nwn-ee nwnxee postcss prettier pug sass shelljs website

Last synced: 02 Nov 2024

https://github.com/adrice727/typescript-react-storybook

A Starter Kit for Building a Reusable React Component Library

components postcss react starter-project storybook typescript

Last synced: 09 Nov 2024

https://github.com/thangchung/tailwindonblazor-template

Makes Tailwind works with Blazor (live-reload mode)

blazor postcss tailwindcss template webassemby

Last synced: 25 Oct 2024

https://github.com/bmf-san/sea.css

sea.css is a simple and easy to use css framework.

bem css css-framework flex flexbox minimal postcss

Last synced: 16 Oct 2024

https://github.com/viperfx07/generator-boilerplatev

A Yeoman generator to scaffold out the front end boilerplate utilising Pug, SCSS/PostCSS, ES6, Webpack (all good stuff) with Gulp

boilerplate css es6 gulp html itcss postcss pug sass scaffold webpack

Last synced: 12 Oct 2024

https://github.com/hex-ci/postcss-unit-processor

PostCSS plugin to process css unit.

postcss postcss-plugin

Last synced: 10 Nov 2024

https://github.com/epszaw/poehali

:sparkles: Fast way to build another static-web site with all actual technologies

boilerplate-template frontend markup postcss pug starter-kit

Last synced: 12 Oct 2024

https://github.com/jasonshin/postcss-korean-stylesheets

postcss-korean-stylesheet

css fun korean language parts plugins postcss seoul

Last synced: 10 Nov 2024

https://github.com/lumenpearson/docs.goodbyedpi.ui

User-friendly documentation for GoodbyeDPI/UI, a graphical interface for managing DPI(Deep Packet Inspection) bypass utils (Windows 10/11).

apache2 docs eslint goodbyedpi goodbyedpi-ui husky lucide mdx nextjs npm-run-all pnpm postcss prettier radix-ui react shadcn-ui tailwindcss typescript vercel webpack

Last synced: 31 Oct 2024

https://github.com/hamlim/postcss-plugin-initial

PostCSS plugin to fallback initial keyword

css postcss postcss-plugins

Last synced: 27 Oct 2024

https://github.com/shoonia/css-mqpacker-webpack-plugin

The Webpack plugin for pack same CSS media query rules into one using PostCSS

postcss webpack webpack-plugin

Last synced: 09 Nov 2024

https://github.com/jayrbolton/postcss-walk

Postcss runner to compile many css files in a directory tree and watch for changes

postcss

Last synced: 01 Nov 2024

https://github.com/shvm-09/tailwind-with-vite

This project serves as a demonstration of effectively integrating Tailwind CSS with Vite and post-processing. Additionally, it showcases seamless compatibility with the Tailwind CSS class order corrector plugin and features a dark-light mode switcher.

autoprefixer dark-mode jsmastery netlify postcss prettier tailwind-template tailwindcss tailwindcss-plugin vite

Last synced: 12 Nov 2024

https://github.com/rayjason/inline-html-styles

Inline (Tailwind) CSS stylesheets into HTML style attributes.

css html juice postcss postcss-plugin tailwindcss

Last synced: 28 Oct 2024

https://github.com/akellbl4/next-with-preact-boilerplate

Boilerplate for Next.js with Preact, tests with Jest and Enzyme

css-modules enzyme eslint jest nextjs nextjs-boilerplate nextjs-starter postcss preact prettier

Last synced: 15 Oct 2024

https://github.com/zxxj/xin-design

A Vue 3 Component Library. Uses TypeScript. Fast.

jsx postcss postcss-plugin typescript vitepress vuejs

Last synced: 11 Oct 2024

https://github.com/saneef/pug-postcss-webpack-starter

A static website starter which support Pug.js, PostCSS and Webpack.

postcss pugjs starter-kit webpack

Last synced: 06 Nov 2024

https://github.com/gojek/postcss-customprop-validate

PostCSS plugin to validate fallback values of CSS custom properties

postcss postcss-plugin

Last synced: 14 Nov 2024

https://github.com/scrum/postcss-attribute-selector-prefix

Adds a prefix to attribute selectors

attribute-selector namespace plugins postcss prefix

Last synced: 17 Oct 2024

https://github.com/shoonia/parcel-transformer-css-to-string

Importing CSS files as a string to JavaScript (Support Parcel v2)

css parcel-plugin parcel-transformer parcelv2 postcss

Last synced: 09 Nov 2024

https://github.com/xyzhanjiang/template

Template

babel cssnano es2015 es6 postcss webpack

Last synced: 12 Nov 2024

https://github.com/grabss/grabcss

A minimal, utility-first CSS framework for rapid UI development.

css css-framework minimal postcss utility-first

Last synced: 08 Nov 2024

https://github.com/tednaaa/fsrt

🚀 ReactJS + TypeScript boilerplate designed for an exceptional DX 🧩 It embraces the feature sliced design methodology for modularity and code reusability. also dockerized 🐳

axios babel boilerplate cypress docker eslint feature-sliced-design husky jest mock-service-worker postcss prettier react-router-dom react-testing-library reactjs reactjs-boilerplate scss-modules typescript webpack