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: 2025-02-14 00:19:16 UTC
JSON Representation

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/zulfikar-ditya/select2-tailwind

Select 2 style for tailwind css

css frontend frontend-web postcss select2 select2-tailwindcss tailwindcss

Last synced: 14 Jan 2025

https://github.com/simonpadbury/baselayer-3

A modern starter CSS library with container queries, a real CSS grid system, clamp() powered typography and spacing sizes, color-mix() shade utilities, and custom properties.

accessibility cascade-layers color-mix container-queries css cssgrid cssvariables eleventy-site oklch-color postcss responsive-layout

Last synced: 14 Feb 2025

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/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: 28 Jan 2025

https://github.com/teabyii/babel-plugin-postcss-css-modules

Babel CSS Modules by PostCSS

babel babel-plugin css-modules postcss transform

Last synced: 08 Feb 2025

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: 07 Jan 2025

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 Feb 2025

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

My personal website rebuilt using Remix.

postcss remix tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/saneef/nanools-tokens

Source code for tokens2css.nanools.com

design-tokens postcss svelte

Last synced: 11 Feb 2025

https://github.com/frontend-layers/html-base

Runtime environment for comfortable handcoding frontend tasks with variative dependencies and useful open source tools

autoprefixer babel boilerplate bootstrap css gulp html javascript postcss rollup sass scss starter-template

Last synced: 21 Jan 2025

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/ivanminutillo/kanban-webcomponent

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

postcss stenciljs valueflows webcomponent

Last synced: 12 Feb 2025

https://github.com/wheatandcat/dotstamp_client

.stamp

nodejs postcss react redux webpack

Last synced: 10 Feb 2025

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/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/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/theodesp/rollup-starter

Starter project using Rollup module bundler complete with livereload and postcss

es6-boilerplate eslint gulp livereload postcss rollup rollup-example starter-template

Last synced: 02 Feb 2025

https://github.com/noviel/webpack-features

Configure webpack quickly and without pain

bundle css-modules postcss presets react typescript webpack webpack-features

Last synced: 26 Jan 2025

https://github.com/cheesecakelabs/gatsby-boilerplate

Cheesecake Labs + Gatsby = 💜

eslint postcss storybook stylelint

Last synced: 16 Jan 2025

https://github.com/ir3ne/vite-ts-tailwind-starter

🛸 A ready to go Vite starter with TypeScript and Tailwind

javascript postcss tailwind tailwindcss typescript vitejs

Last synced: 09 Feb 2025

https://github.com/marijanasevo/silkenskin

Skincare ecommerce website with Vite — React — TypeScript — Redux — Firestore — Firebase-auth — Stripe — CSS Modules — PostCss

cssmodules firebase firebase-auth postcss react redux stripe typescript vite

Last synced: 26 Jan 2025

https://github.com/wearegenki/ui

A friendly UI framework which aims to be straightforward, intuitive, and high performance.

css css-grid design-system marko postcss vue wearegenki

Last synced: 21 Jan 2025

https://github.com/andrepolischuk/react-redux-example

An example of React Redux async application

example example-app postcss react redux

Last synced: 04 Jan 2025

https://github.com/francoisromain/postcss-grid-fluid

A PostCSS plugin to create fluid grids.

css flexbox float grid-system postcss postcss-plugin

Last synced: 12 Feb 2025

https://github.com/mayank99/remix-djent-stack

Remix stack with basic postcss-preset-env, code formatting, linting etc

netlify postcss remix-stack

Last synced: 14 Nov 2024

https://github.com/efiand/gulp-template

Шаблон с SSR/SPA на Vue и Svelte

a11y bem boilerplate eslint gulp image-optimization mobile-first nodejs pixelperfect portfolio-project postcss posthtml retinal-images sprite stylelint vanilla-js w3c-validation webp webpack

Last synced: 14 Nov 2024

https://github.com/shahadat3669/portfolio

Welcome to my Portfolio! It showcases my skills, projects, and contributions as a developer, demonstrating my proficiency with cutting-edge technologies and best practices in software development. As a developer, I excel in React, Next.js, Tailwind CSS, TypeScript, ESLint, Prettier, Husky, and Jest. Explore my diverse projects and contributions! 🚀

commitlint eslint husky jest lint-staged nextjs postcss prettier reactjs tailwindcss testing-library typescript

Last synced: 27 Jan 2025

https://github.com/andreivictor/webpack-tailwind-starter

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

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

Last synced: 30 Jan 2025

https://github.com/arpitgo4/react-redux-scaffold

Scaffolding for frontend only applications with React-Redux.

babel css-modules css3 docker eslint express html nginx nodejs postcss postcss-plugins react-hot-loader-3 react-redux react-router reactjs redux redux-thunk webpack webpack-dev-middleware webpack-hot-middleware

Last synced: 01 Jan 2025

https://github.com/magsout/magsout.com

magsout personal website

personal-website personal-website-homepage postcss prettier

Last synced: 02 Jan 2025

https://github.com/jlozovei/wordpress-boilerplate

WordPress theme simplified boilerplate with gulp.js + PostCSS + es2015

boilerplate es2015 gulp postcss wordpress wordpress-boilerplate

Last synced: 13 Jan 2025

https://github.com/eckertalex/eckertalex.dev

Personal Blog

blog dark-mode-toggle dark-theme eslint mdx nextjs postcss prettier prism react tailwindcss typescript

Last synced: 29 Jan 2025

https://github.com/jpeer264/postcss-rcs

The postcss plugin for rcs-core

css minify postcss postcss-plugin rcs rename

Last synced: 15 Jan 2025

https://github.com/waldenliang/pug-static-pages-starter

Build a static websit with webpack and pug template engine.

bootstrap css html multi-pages postcss pug starter-template static-website stylus template webpack

Last synced: 04 Feb 2025

https://github.com/springtype-org/st-start

Zero configuration TypeScript/JavaScript bundler & DevServer for frontend and Node.js projects. Framework agnostic.

babel browserslist bundler cli code-splitting cross-platform css dev-server hmr html javascript jest nodejs postcss pwa sass server typescript webpack zero-configuration

Last synced: 10 Nov 2024

https://github.com/intellicode/boilerplate-2016

Boilerplate code for a modern Javascript application (2016)

boilerplate cssnext postcss react webpack

Last synced: 13 Jan 2025

https://github.com/hwantage/postcss-delete-duplicate-selector

PostCSS plugin delete duplicate css selector in the file

npm-package postcss postcss-plugin

Last synced: 24 Jan 2025

https://github.com/milliorn/web-browser-chat-app

Simple messenger app through the web browser.

autoprefixer css firebase firebase-auth firebase-database firebase-hooks html html-css html-css-javascript js jsx postcss react react-google-button react-hooks reactjs tailwind tailwind-css tailwindcss tailwindui

Last synced: 07 Feb 2025

https://github.com/lagden/sss

Convert css to sss

cli css file parser postcss sugarss

Last synced: 09 Feb 2025

https://github.com/thoughtbit/postcss-simple-utils

:cyclone: PostCSS插件，基础工具库

postcss postcss-plugins

Last synced: 10 Jan 2025

https://github.com/semanticdata/svelte-milkdown

🥛 Simple example for using Svelte with Milkdown, a plugin driven WYSIWYG markdown editor framework.

example markdown markdown-editor milkdown postcss svelte tailwindcss typescript

Last synced: 18 Jan 2025

https://github.com/winston0410/sparrow

A PostCSS plugin that helps you remove, replace, append or prepend CSS declarations without the need of writing another PostCSS plugin

hongkong postcss postcss-plugins

Last synced: 10 Feb 2025

https://github.com/mrmartineau/zander.wtf

my site

astro jsx postcss tailwindcss utopia

Last synced: 11 Feb 2025

https://github.com/tardo/docker-flask

Docker image to run flask applications using gunicorn

docker-image flask gunicorn npm poetry postcss rollup supervisord

Last synced: 02 Feb 2025

https://github.com/fantasyui-com/larceny

Transport select remote CSS declarations into the rule of a local css file (Select and inject remote CSS code into your local CSS file). [CLI, CSS, Web Design, PostCSS]

cli npx postcss

Last synced: 11 Jan 2025

https://github.com/ka215/sloth

Mobile-first CSS Lightweight Framework. It has reduced styling coding costs to a minimum with non-BEM and simpler naming conventions than OOCSS.

css framework front-end mobile-first postcss responsive sass web

Last synced: 23 Jan 2025

https://github.com/yukihirai0505/portfolio

:satisfied: My portfolio by React.js

css3 es6 html5 portfolio portfolio-website postcss react reactjs

Last synced: 13 Jan 2025

https://github.com/best-shot/postcss-plugin-matcher

PostCSS plugin for limit plugins matching

postcss postcss-plugin

Last synced: 29 Jan 2025

https://github.com/giacomoferretti/postcss-color-rgb-tailwind

PostCSS plugin to transform modern CSS Color Module Level 4 to legacy CSS Color Module Level 3.

postcss postcss-plugin tailwindcss

Last synced: 08 Feb 2025

https://github.com/omnious-dev/omnious-web-utils

Web utils for omnious.

css javascript postcss react typescript

Last synced: 20 Jan 2025

https://github.com/joseffie/gulp-joseffie-tailwind-pack

Front-end boilerplate and framework based on Gulp, Pug, SCSS, Tailwind and Babel.

automatization babel bem bem-tools development-environment development-tools development-workflow eslint gulp lint-staged postcss pug scss starterkit stylelint tailwind webpack

Last synced: 21 Jan 2025

https://github.com/nju33/yosuga

CSS styleguide generator

css generator less nuxt postcss sass styleguide stylus

Last synced: 12 Feb 2025

https://github.com/clarksource/ember-css-modules-config

Bootstraps ember-css-modules with various PostCSS plugins and good defaults.

ember-addon ember-css-modules postcss

Last synced: 28 Nov 2024

https://github.com/natterstefan/stylelint-config-ns

Stylelint config with CSS (`.(s)css`), Tailwind, PostCSS and Prettier support.

postcss prettier prettier-stylelint tailwind tailwind-stylelint

Last synced: 30 Oct 2024

https://github.com/pronoia9/weavio

Dive into meaningful discussions and trendsetting ideas with Weavio, your digital hub for vibrant conversations. Inspired by Threads, Weavio offers a dynamic platform where users engage, inspire, and connect.

autoprefixer clerk clsx css html javascript mongodb mongoose nextjs postcss radix-ui react shadcn svix tailwindcss tailwindcss-animate typescript uploadthing zod

Last synced: 24 Jan 2025

https://github.com/abdallahhemdan/css-nesting

Nesting CSS selectors natively using PostCSS as an experiment for the draft of CSSWG

css csswg nesting-styles postcss postcss-plugin

Last synced: 06 Feb 2025

https://github.com/emilbayes/css-pipeline

My personal PostCSS based CSS pipeline

cssnext pipeline postcss

Last synced: 05 Feb 2025

https://github.com/ephraimduncan/react-bolt-tailwind

React + Tailwind CSS Boilerplate

autoprefixer boilerplate-template css postcss react react-router react-tailwind-starter react-tailwindcss reactjs sass tailwind-css tailwindcss template

Last synced: 13 Feb 2025

https://github.com/sparkbox/splinter

🐭 Parse and split SCSS files based on functions and mixins.

ast postcss scss

Last synced: 13 Jan 2025

https://github.com/songsterr/postcss-unwrap-mq

PostCSS plugin to extract matched media queries to their parents

css media-query postcss postcss-plugin unwrap

Last synced: 12 Jan 2025

https://github.com/privatenumber/postcss-custom-properties-transformer

PostCSS plugin to apply transformations to CSS custom properties (eg. mangling)

custom hash mangle minify plugin postcss properties transform

Last synced: 18 Feb 2025

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

Last synced: 21 Jan 2025

https://github.com/malcolm-kee/modern-frontend

A workshop that introduces tools in modern front-end development

babel eslint postcss prettier sass webpack workshop

Last synced: 28 Jan 2025

https://github.com/zamotany/tailwind-ts-gen

Generate TS/JS constants with Tailwind CSS class names for better IntelliSense and autocompletion/autosuggestion.

autocomplete autosuggest cli generator intellisense javascript js nodejs postcss tailwind tailwind-css tailwindcss tool ts typescript

Last synced: 12 Feb 2025

https://github.com/akellbl4/introduction-to-nextjs

Demo repository for a webinar. You can find few different examples of Next.js installation in one place and play with them

bootstrap examples nextjs nextjs-example postcss styled-jsx vercel

Last synced: 12 Feb 2025

https://github.com/danieledefoe/neoflex-invite-app

QPICK shopping cart

css3 html5 javascript neoflex postcss react react-hooks react-router react-router-dom tailwindcss vite

Last synced: 19 Feb 2025

https://github.com/danieledefoe/pokemon-memory-game

Pokemon Memory Card Game

css3 html5 javascript postcss react tailwindcss theodinproject vite

Last synced: 19 Feb 2025

https://github.com/danieledefoe/fakestore

Shopping cart application with client-side routing

css3 html5 javascript jsx postcss react react-hooks react-router tailwindcss theodinproject vite

Last synced: 19 Feb 2025

https://github.com/patrickxchong/patrickxchong.com

Personal website of Patrick Chong

alpinejs eleventy postcss tailwindcss

Last synced: 14 Feb 2025

https://github.com/matan3sh/shopifynext

A modular e-commerce client integrated with shopify as management content system

css css-modules graphql nextjs postcss react shopify tailwind tailwind-css typescript

Last synced: 24 Jan 2025

https://github.com/jmsedwrdmnkme/front-end-boilerplate

Modern, optimised, minimal front end boilerplate; installed and kept up to date via PNPM.

boilerplate-front-end browsersync critical-css gulp handlebars imagemin pnpm postcss purgecss static-site vanilla-css vanilla-javascript webp webpack

Last synced: 13 Feb 2025

https://github.com/songsterr/postcss-sayonara

PostCSS plugin to limit used declarations to a given set

cleanup css limit postcss postcss-plugin

Last synced: 27 Oct 2024

https://github.com/alexmasterov/coding-style

:heavy_check_mark: A coding style configurations

code-style eslint-config php-cs-fixer postcss stylefmt-config stylelint-config tidy-config

Last synced: 19 Feb 2025

https://github.com/hrfmmymt/resume

Japanese style resume built with HTML. 履歴書.html

autoprefixer browsersync html postcss resume stylefmt stylelint svg

Last synced: 17 Jan 2025

https://github.com/kogakure/website-11ty-kogakure.de

My Ninja and Ninjutsu book website. Created in 1999. The current version is the 9th iteration. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.

11ty eleventy eleventy-website gulp javascript nunjucks postcss

Last synced: 07 Nov 2024

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

Boilerplate project for using Webpack with ES6 and React

babel boilerplate javascript postcss react webpack

Last synced: 31 Jan 2025

https://github.com/albertfdp/boilerplate

🎩 Personal opinionated boilerplate for web apps

babel boilerplate css-modules jest postcss react unexpected webpack

Last synced: 31 Dec 2024

https://github.com/elchininet/nextjs-postcss-rtlcss-example

Next.js project using postcss-rtlcss plugin to automatically create left-to-right and right-to-left CSS rules

left-to-right ltr nextjs postcss postcss-plugin postcss-rtlcss right-to-left rtl

Last synced: 20 Jan 2025

https://github.com/jere-a/main-website

My ozze.eu.org website hosted on cloudflare.com

astro eslint nodejs postcss vitejs vitest web

Last synced: 11 Feb 2025

https://github.com/ioriens/postcss-wxss

PostCSS plugin to transpile wxss or acss..

minapp postcss postcss-plugins transpiler wxss

Last synced: 17 Nov 2024

https://github.com/liuyunhe/sharp-ui

sharp-ui，一套为开发者准备的基于 Vue 3.0 的桌面端组件库

es6 fort-awesome good-first-issue postcss up-for-adoption up-for-archiving up-for-grabs vue3-typescript

Last synced: 11 Feb 2025

https://github.com/letsjaam/postcss-letter-tracking

PostCSS plugin to generate relative, Photoshop-compatible letter tracking for improved letter spacing.

letter-spacing letter-tracking postcss postcss-plugin typography

Last synced: 12 Nov 2024

https://github.com/solygambas/html-css-travel-site

A travel website to understand BEM architecture, PostCSS and Webpack.

bem css3 html5 javascript postcss react webpack

Last synced: 13 Feb 2025

https://github.com/hungpm372/ideaboard

Ideaboard is a powerful and intuitive application designed to boost creativity, planning, and collaboration. Perfect for teams, creators, and entrepreneurs, Ideaboard transforms your ideas into actionable plans.

board clerk-auth convex liveblocks nextjs postcss reactjs shadcn-ui tailwindcss

Last synced: 11 Feb 2025

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 Feb 2025

https://github.com/luovtyrell/star-wars

A dynamic React webpage that presents information about spacecraft from the Star Wars universe using SWAPI. Users can browse a list of ships, view detailed information on individual spacecraft, and manage access through authentication.

context css3 custom-hook daisy-ui eslint firebase image-server javascript jsx postcss prettier prop-types react reactrouterdom swapi-api tailwind-css vite

Last synced: 11 Feb 2025

https://github.com/winston0410/bewater

A PostCSS plugin that helps you automatically apply `clamp()` to values to achieve a fluid design efficently.

bewater postcss postcss-plugin postcss-sparrow

Last synced: 14 Feb 2025

https://github.com/mauroreisvieira/redom-tailwindcss

Test RE:DOM & Tailwind CSS

documentation framework javascript library postcss redom tailwindcss

Last synced: 15 Feb 2025

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

👷🏽‍♂️ Docker base image that includes Hugo, npm, and PostCSS.

docker hugo npm postcss

Last synced: 21 Jan 2025

https://github.com/thoughtbit/postcss-cssplus

:cyclone: PostCSS 插件包，一个现代的、灵活的、优雅的 CSS 处理器。

postcss postcss-plugins

Last synced: 07 Feb 2025

https://github.com/mishantrop/bunnyhope

Frontend for https://bunnyhop.pro

bem css es6 gulp postcss webpack

Last synced: 14 Feb 2025

https://github.com/victor-casta/castadev.me

This project showcases my personal portfolio, a window into my journey in the world of development. Here you'll find a collection of projects that reflect my passion and skills in the technology field. Explore, discover, and connect! ✨

astro postcss prettier tailwindcss

Last synced: 18 Nov 2024