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/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/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/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/digibib/deichman-ui

Style-guide and component library

postcss react storybook

Last synced: 02 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/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/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/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/chara0511/to-do-app

html-css-javascript nextjs postcss react tailwindcss typescript

Last synced: 07 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/dcalhoun/postcss-warn-cleaner

Selectively remove PostCSS warnings from your logs.

ignore-warnings postcss vendor

Last synced: 24 Oct 2024

https://github.com/struckchure/musica

Music Application

jsx nextjs postcss react tailwind

Last synced: 18 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/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/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/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/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/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/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/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/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/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/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/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/startino/futino

The monorepo for Futino

monorepo postcss svelte sveltekit tailwind tailwindcss turborepo vite

Last synced: 13 Aug 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://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/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/thangchung/tailwindonblazor-template

Makes Tailwind works with Blazor (live-reload mode)

blazor postcss tailwindcss template webassemby

Last synced: 25 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/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/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/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/andrewmacmurray/tachyons-setup

Customisable setup for using tachyons in a project

boilerplate css postcss tachyons

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/hex-ci/postcss-unit-processor

PostCSS plugin to process css unit.

postcss postcss-plugin

Last synced: 10 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/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/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/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/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/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/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/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/fengyuanchen/postcss-header

Add a header to a file.

banner css header postcss postcss-plugin

Last synced: 16 Nov 2024

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

Templatize CSS files

css cssnext postcss templates

Last synced: 08 Nov 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/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/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/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/switowski/portfolio

My personal website built with Eleventy

alpinejs eleventy eleventy-website postcss tailwindcss

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

Aplicativo mobile do TSBank, um app bancário completo possuindo todas as transações bancárias existentes.

babel docker eslint expo html javascript mit-licence mobile nativewind nodejs postcss react react-native tailwindcss typescript yarn

Last synced: 07 Nov 2024

https://github.com/hiro0218/postcss-media-hover-any-hover

PostCSS plugin wraps selectors with :hover with at-media (hover: hover) block

postcss postcss-plugin

Last synced: 11 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/francis-tg/qrcodeapp

Generate and scan QrCode App

css daisyui html5 javascript postcss tailwindcss vue vuejs

Last synced: 06 Nov 2024

https://github.com/alexz7000/clean-react-template

Clean Arch + React + Typescript + SWC + Vite + TailwindCSS + Eslint + Prettier + Husky + Jest + Testing library template

babel eslint html husky jest postcss prettier react reactts setup simple swc tailwind tailwind-css tailwindcss template testing-library type typescript vite

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/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/ospoon/postcss-dynamic-pixel

零负担实现像素级 UI 缩放

pixel postcss postcss-plugin

Last synced: 11 Oct 2024

https://github.com/vagusx/postcss-bgc-rgba-fallback

postcss plugin for background rgba polyfill

background-rgba fallback ie8 polyfill postcss postcss-plugins

Last synced: 16 Oct 2024

https://github.com/daviteixeira-dev/design-system

Construção de um Design System do Figma ao React.

addon-a11y clsx figma phosphor-react postcss radix-ui react storybook storybook-deployer tailwindcss typescript vite

Last synced: 08 Nov 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/jeffjewiss/broccoli-postcss-single

🌳 Postcss compiler for single files with Broccoli.

broccoli broccoli-plugin postcss postcss-plugins

Last synced: 28 Oct 2024

https://github.com/kazemmdev/react-tailwind-stater

Vite-React-Tailwindcss Stater

postcss react tailwindcss vite

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

Last synced: 11 Oct 2024

https://github.com/morzhanov/prerender-spa-boilerplate

Prerender SPA Boilerplate allows you to start new web project from scratch using Prerender-SPA-Plugin, React, Mobx-State-Tree, Mobx and Styled components.

babel babel7 boilerplate eslint javascript mobx mobx-state mobx-state-tree mst postcss prerender-spa-plugin prerendering prettier react react-router-v4 scss webpack webpack4 yarn

Last synced: 08 Nov 2024

https://github.com/morzhanov/react-mobx-boilerplate

React Mobx Boilerplate allows you to start new web project from scratch using React, Mobx and MST.

babel babel7 boilerplate css eslint javascript mobx mobx-state-tree mst postcss prettier react react-router-v4 reactjs styled-components webpack yarn

Last synced: 08 Nov 2024

https://github.com/shgysk8zer0/postcss-import

Plug-in for importing local & remote stylesheets with PostCSS

build node npm postcss postcss-plugin

Last synced: 17 Oct 2024

https://github.com/keenanpayne/postcss-npm-boilerplate

This is a simple boilerplate for using NPM and PostCSS to handle common front-end development environments

boilerplate cssnano minify postcss postcss-plugins stylelint yarn

Last synced: 10 Nov 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/teabyii/babel-plugin-postcss-css-modules

Babel CSS Modules by PostCSS

babel babel-plugin css-modules postcss transform

Last synced: 09 Oct 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/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/webpack-config/webpack-config-css

A curated CSS loader config for Webpack with CSS Modules, PostCSS, and JS styles.

css-in-js postcss webpack webpack2

Last synced: 20 Oct 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/jantimon/postcss-inline

PostCSS plugin that puts fonts / and images as data URIs into your CSS

fonts postcss

Last synced: 12 Oct 2024

https://github.com/ivanminutillo/kanban-webcomponent

A kanban web-component built with stenciljs, based on valueflows syntax

postcss stenciljs valueflows webcomponent

Last synced: 01 Nov 2024

https://github.com/lukemcdonald/lukemcdonald.com

My personal website rebuilt using Remix.

postcss remix tailwindcss typescript

Last synced: 13 Nov 2024

https://github.com/brielov/react-app

A blazing fast create-react-app alternative

eslint husky lint-staged postcss prettier react tailwindcss typescript vite vitest

Last synced: 02 Nov 2024

https://github.com/xyzhanjiang/template

Template

babel cssnano es2015 es6 postcss webpack

Last synced: 12 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/gorriecoe/postcss-functions-lite

PostCSS plugin for exposing JavaScript functions.

postcss postcss-functions

Last synced: 12 Nov 2024

https://github.com/alexandr-g/nextjs-tailwind-starter

Unofficial minimalistic NextJS + Tailwind CSS starter kit

nextjs nextjs-tailwind postcss tailwind tailwind-css tailwindcss

Last synced: 20 Oct 2024

https://github.com/ffcabbar/webpack-starter-pack

:fire: A simple webpack starter kit for your development needs.

autoprefixer babel babel-loader babel-preset-react basic beginners-friendly boilerplate css-loader es6 frontend javascript postcss react sass sass-loader starter-kit style-loader webpack webpack-starter-kit

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