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-12-30 00:15:57 UTC
JSON Representation

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: 20 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/awayken/postcss-placehold

PostCSS plugin that makes it easy to drop in placeholder images.

postcss

Last synced: 28 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://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/shaherashraf/nft-drop

Vanilla JS landing page. 🚀

css3 html5 javascript postcss webpack

Last synced: 07 Dec 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/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: 10 Dec 2024

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

Templatize CSS files

css cssnext postcss templates

Last synced: 08 Nov 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/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: 18 Dec 2024

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

Makes Tailwind works with Blazor (live-reload mode)

blazor postcss tailwindcss template webassemby

Last synced: 13 Dec 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/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/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/hiro0218/lp-boilerplate

LP Boilerplate with wepack + TypeScript + PostCSS + EJS

boilerplate ejs postcss prettier stylelint typescript webpack webpack-dev-server

Last synced: 12 Dec 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/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/janszewczyk/janszewczyk.github.io

My portfolio website was created using Next.JS 13, React and the Tailwindcss library. The content of the website is managed using Sanity.io CMS.

javascript nextjs postcss react sanity-io semantic-release tailwindcss typescript

Last synced: 21 Dec 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/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: 27 Dec 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/fengyuanchen/postcss-header

Add a header to a file.

banner css header postcss postcss-plugin

Last synced: 16 Nov 2024

https://github.com/cjg125/postcss-sprite

postcss sprite 插件

postcss postcss-plugins sprite sprites

Last synced: 24 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: 04 Dec 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/lukemcdonald/lukemcdonald.com

My personal website rebuilt using Remix.

postcss remix tailwindcss typescript

Last synced: 13 Nov 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/br0ken-/prototyping-tool

Do "npm install" and start prototyping.

babel eslint gulp php postcss prototype-kit scss stylelint webpack

Last synced: 09 Dec 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/andreivictor/webpack-bootstrap5-starter

A starter frontend boilerplate using Webpack 5, Bootstrap 5, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.

babel babel7 bootstrap bootstrap5 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint webpack webpack-boilerplate webpack5 webpack5-boilerplate

Last synced: 02 Dec 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/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/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/kazemmdev/react-tailwind-stater

Vite-React-Tailwindcss Stater

postcss react tailwindcss vite

Last synced: 11 Nov 2024

https://github.com/xyzhanjiang/template

Template

babel cssnano es2015 es6 postcss webpack

Last synced: 12 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/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/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/saneef/nanools-tokens

Source code for tokens2css.nanools.com

design-tokens postcss svelte

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: 26 Dec 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/johnwatkins0/postcss-custom-props-themes

A PostCSS plugin for generating theming classes based on CSS custom properties.

css custom-properties nodejs 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/luisfalconmx/thebouncingkoala

Company website with multilanguage support, dark mode and fully responsive for thebouncingkoala agency

babel browserslist eslint git jest postcss prettier react react-router stylelint tailwindcss vercel webpack yarn

Last synced: 15 Dec 2024

https://github.com/ospoon/postcss-dynamic-pixel

零负担实现像素级 UI 缩放

pixel postcss postcss-plugin

Last synced: 11 Oct 2024

https://github.com/luisfalconmx/react-store

Single Page Application created with React, React Router, PostCSS and Webpack

babel postcss react webpack

Last synced: 15 Dec 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/fimbres/astro-chat

This is a sample project of a real time chat using Astro.js, Solid.js, TailwindCSS, SQLite, PocketBase to built a backend service.

astro pocketbase postcss solidjs sqlite tailwindcss typescript

Last synced: 25 Dec 2024

https://github.com/avigoldman/postcss-target-email

client css email postcss postcss-plugin target

Last synced: 18 Nov 2024

https://github.com/felixzc/node-toolkit

常用工具箱函数合集代码

babel electron jscodemod postcss posthtml

Last synced: 11 Oct 2024

https://github.com/best-shot/postcss-preset-evergreen

A postcss preset for modern css syntaxes.

css evergreen postcss postcss-plugin preset style syntax transform

Last synced: 18 Nov 2024

https://github.com/superstar1205/boliler-vue

boilerplate eslint javascript npm-package npm-package-json-lint postcss vue vue-router vuejs webpack

Last synced: 07 Dec 2024

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

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

postcss stenciljs valueflows webcomponent

Last synced: 19 Dec 2024

https://github.com/braswelljr/weather

Weather forecasts app with your daily and hourly updates

postcss tailwindcss webpack

Last synced: 15 Dec 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/chenasraf/redar-browser

View your JSON responses as data tables which are sortable and filterable, letting you speedily read through information (alpha)

chrome-extension http json json-data postcss react requests typescript

Last synced: 21 Nov 2024

https://github.com/pierreburel/postcss-em

PostCSS plugin to convert px in em.

css em postcss

Last synced: 15 Dec 2024

https://github.com/fourjuaneight/docker-hugo-gulp

👷🏽‍♂️Docker image form Hugo, npm, Gulp, and PostCSS build.

docker gulp hugo postcss

Last synced: 20 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/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/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/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/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/hamlim/postcss-plugin-initial

PostCSS plugin to fallback initial keyword

css postcss postcss-plugins

Last synced: 27 Oct 2024

https://github.com/philipbordallo/postcss-system-monospace

Monospace fonts from your operating system

css font-family monospace postcss

Last synced: 17 Nov 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/ashirbadgudu/react-tailwind-css-stater

Set Up Tailwind Css With create-react-app and yarn

create-react-app css postcss react tailwind tailwindcss yarn

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

PostCSS plugin for exposing JavaScript functions.

postcss postcss-functions

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/karolis-sh/postcss-stats

Simple package that prints your css stats to console

css cssstats postcss postcss-plugins

Last synced: 12 Oct 2024

https://github.com/florianbouvot/gulp-boilerplate

A boilerplate for building web projects with Gulp 4.

autoprefixer css gulp gulp-boilerplate gulp-starter javascript minify opimization postcss purgecss rollup sass svg-sprite tailwindcss versioning

Last synced: 30 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/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: 30 Dec 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/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/zenekezene/vue-and-friends-boilerplate

Vuejs boilerplate with add-ons.

babel css eslint html5 husky javascript postcss pug sass sass-framework stylelint webpack

Last synced: 06 Dec 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/jaid/postcss-value-replace

PostCSS plugin that replaces any value specified in options.

css extension plugin postcss postcss-plugin preprocessor style sugar transpile

Last synced: 30 Nov 2024

https://github.com/tiagom13/pokedex

Aplicação em ReactJS, este projeto é uma pokedex do anime de Pokémon, consite na listagem de pokémons.

axios pagination phosphor-react pokeapi postcss react-helmet react-hooks react-icons react-loading-skeleton react-modal react-test react-testing-library reactjs tailwindcss typescript

Last synced: 04 Dec 2024

https://github.com/siilike/gradle-javascript-toolkit

Seamless JavaScript development with Gradle

gradle gradle-plugin javascript nodejs pnpm postcss webpack

Last synced: 16 Nov 2024

https://github.com/shellyln/wp-quickstart-caller-example

[DEPRECATED] Usage example of webpack-typescript-lib-quickstart. 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