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/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

Last synced: 09 Nov 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/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/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/neurosnap/postcss-scopeify-everything

Scopify all your CSS selectors

css postcss postcss-plugin scoped-css

Last synced: 24 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/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/7studio/postcss-color-rgb

PostCSS plugin to transform new RGB functions syntaxes to compatible CSS.

color css postcss postcss-plugin rgb

Last synced: 08 Nov 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/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/jednano/parse-css-sides

Parses CSS sides (e.g., margin, padding, border) into an object.

css parse postcss sides

Last synced: 28 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/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/narze/sapper-tailwindcss-template

Sapper Template with TailwindCSS

postcss purgecss rollup sapper svelte tailwindcss template

Last synced: 08 Nov 2024

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

Style-guide and component library

postcss react storybook

Last synced: 02 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/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/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/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/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/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/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/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/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/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/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: 17 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/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/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/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/francoisromain/postcss-button

A PostCSS plugin to create buttons.

css postcss postcss-button postcss-plugins

Last synced: 17 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/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/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/philipbordallo/postcss-color-emoji

✏ Emoji in full color!

css emoji font-family postcss

Last synced: 17 Nov 2024

https://github.com/struckchure/musica

Music Application

jsx nextjs postcss react tailwind

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

Makes Tailwind works with Blazor (live-reload mode)

blazor postcss tailwindcss template webassemby

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

Add a header to a file.

banner css header postcss postcss-plugin

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

Customisable setup for using tachyons in a project

boilerplate css postcss tachyons

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

My personal website built with Eleventy

alpinejs eleventy eleventy-website postcss tailwindcss

Last synced: 06 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/jasonshin/postcss-korean-stylesheets

postcss-korean-stylesheet

css fun korean language parts plugins postcss seoul

Last synced: 10 Nov 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/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/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/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/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/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/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/hex-ci/postcss-unit-processor

PostCSS plugin to process css unit.

postcss postcss-plugin

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/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/pierrickgt/pcgb

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

boilerplate gulpfile postcss

Last synced: 27 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/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/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/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/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/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/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/ezavile/postcss-typescript-css-example

How to use postcss-typescript-css plugin with webpack 2, React, TypeScript and PostCSS

css postcss postcss-plugin typescript

Last synced: 07 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/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/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/lukemcdonald/lukemcdonald.com

My personal website rebuilt using Remix.

postcss remix tailwindcss typescript

Last synced: 13 Nov 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/felixzc/node-toolkit

常用工具箱函数合集代码

babel electron jscodemod postcss posthtml

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