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-06 00:23:42 UTC
JSON Representation

https://github.com/denisoct/single-page-developer-portfolio

Single-page developer portfolio

mantine nextjs postcss react

Last synced: 04 Jan 2025

https://github.com/samk-dev/astro-2-starter

Astro.build starter with some opinionated setup

astrojs commitlint conventional-commits dependabot eslint husky-hooks lint-staged mdx postcss prettier tailwindcss typescript

Last synced: 13 Dec 2024

https://github.com/jonasfroeller/webpack-webapp

Webpack frontend-webapp starter.

asciidoc docker docs fonts gh-pages images isc-license jest-tests postcss scss shoelace tailwindcss ts web-components webpack5 workflow

Last synced: 01 Feb 2025

https://github.com/miguelsjimenezv/ridenewsproject

RideNews es una plataforma web creada con PHP (Laravel), JavaScript, Tailwind CSS y Vite. Está diseñada para permitir a los usuarios motociclistas crear, gestionar y compartir publicaciones relacionadas con el mundo de las motocicletas.

backend blade frontend laravel mysql npm php postcss responsive tailwindcss vite web

Last synced: 04 Jan 2025

https://github.com/ulyanov-programmer/woodland_furniture

css grunt html js landing postcss ts

Last synced: 27 Dec 2024

https://github.com/rajdee/postcss-autoimport

PostCSS plugin for automatically import global dependencies.

global import postcss postcss-plugin

Last synced: 27 Dec 2024

https://github.com/hrfmmymt/react-redux-ssr

ava circleci enzyme eslint flowtype nyc postcss react react-redux react-router-redux server-side-rendering stylelint webpack2 yarn

Last synced: 17 Jan 2025

https://github.com/hrfmmymt/postcss-starter

autoprefixer postcss stylelint

Last synced: 17 Jan 2025

https://github.com/masterjaneza/portfolio

Portfolio

autoprefixer autoprefixer-plugin css gsap html postcss postcss-plugin tailwindcss

Last synced: 11 Jan 2025

https://github.com/kailoon/11ty-starter-kit-with-scss

Based on the official starter kit and come with 7 in 1 folder structure SCSS development using postcss, purgecss and cssnano.

11ty eleventy html nunjucks postcss purgecss scss starter-kit

Last synced: 01 Feb 2025

https://github.com/krypton225/interactive-rating-component-main

This is just a training in Front End Mentor website.

autoprefixer concurrently css3 cssnano html5 javascript live-server postcss scss ts-loader typescript webpack webpack-cli

Last synced: 27 Dec 2024

https://github.com/koffeine/rollup-plugin-sass-postcss

Rollup plugin for Sass and PostCSS

postcss rollup rollup-plugin sass scss

Last synced: 01 Feb 2025

https://github.com/pronoia9/flapple

Experience innovation with a twist in Flapple! Dive into the whimsical world of iPhone page design like never before. With Flapple, enjoy the excitement of an Apple product launch without the hassle. It's the app that's a fruit salad for your digital cravings, without breaking the bank!

autoprefixer gsap gsap-react postcss react-three-drei react-three-fiber reactjs sentry sentry-react tailwindcss threejs vitejs

Last synced: 27 Dec 2024

https://github.com/squirrel-forge/node-build-scss

Simple sass wrapper including some useful configuration options and extended features like package support and loading files as base64 encoded strings for font and image inclusion.

build cli node nodejs postcss sass simple

Last synced: 04 Jan 2025

https://github.com/ulyanov-programmer/scott

The multi-page website with scrolling animations.

css gulp html js pcss postcss site smacss ts yarn

Last synced: 18 Jan 2025

https://github.com/celthros/simple-tailwind-post-webpack

Fist time utilizing and creating a simple webpack and post css tool to install and ready to use kit for development.

configuration postcss tailwindcss webpack

Last synced: 27 Dec 2024

https://github.com/aleksandrpolishchuk/ticketierapp

Frontend part of App for sell tickets

nextjs13 postcss react tailwindcss typescript

Last synced: 04 Jan 2025

https://github.com/ulyanov-programmer/mollenhauer

css grunt html js landing postcss ts

Last synced: 27 Dec 2024

https://github.com/chaojiangcn/h5-vuecli4

移动端vue cli4构建项目

bable postcss vuecli4 webpack webpack4 yi-dong-duan

Last synced: 19 Dec 2024

https://github.com/de1ck/javascript-tools-guide

javascript tools include webpack babel postcss ...

babel postcss webpack2

Last synced: 11 Jan 2025

https://github.com/wyyxdgm/gulp-less-start-kit

网站初始化集成

bootstrap deploy ejs gulp hash i18n less postcss responsive uglify website

Last synced: 18 Jan 2025

https://github.com/rqbazan/wbn-challenge

github-actions nextjs now-sh postcss storybook tailwindcss

Last synced: 13 Dec 2024

https://github.com/stevenalvaradoaguilar/weather-app

This project is an application to use and reinforce my knowledge in Next used typescript and Tailwind css with API's, the use and good practices of web developer importance in Backend and Frontend from the video offered by freecodecamp: https://www.youtube.com/watch?v=KkC_wYM_Co4.

api-client api-rest nextjs postcss tailwindcss

Last synced: 27 Dec 2024

https://github.com/thenamevishnu/ecommerce

eslint javascript postcss reactjs tailwindcss vitejs

Last synced: 18 Jan 2025

https://github.com/trustworthydev/toretoergacha-web-app

Web Application for Toretoregacha

artisan javascript laravel mysql-database postcss stripe stripe-api tailwindcss vuejs vuex

Last synced: 18 Jan 2025

https://github.com/pronoia9/doodlebug-dash

autoprefixer css html javascript nextjs postcss react tailwindcss typescript

Last synced: 24 Jan 2025

https://github.com/vinpac/postcss-modular

PostCSS plugin to modularize classnames

css javascript modular postcss

Last synced: 09 Jan 2025

https://github.com/faizan-ali/workamerica-website-2017

Latest iteration of the WorkAmerica website at www.workamerica.co

babel bootstrap-4 postcss reactjs webpack

Last synced: 22 Jan 2025

https://github.com/taxigy/rollup-template

A template to start with Rollup and React

postcss react rollup

Last synced: 04 Feb 2025

https://github.com/richardcyrus/devchallenges-button-component

Solution for the Button component challenge from Devchallenges.io.

postcss reactjs testing-library typescript vitejs vitest

Last synced: 22 Jan 2025

https://github.com/yuceltoluyag/starter-template

My starter template

autoprefixer browser-sync browserlist cssnano postcss sass

Last synced: 15 Jan 2025

https://github.com/mikaelvesavuori/gulp4-boilerplate

Boilerplate for Gulp 4.

babel-es6 boilerplate gulp postcss sass

Last synced: 16 Jan 2025

https://github.com/sammyleths/mediplay

MediPlay is the informational website for a gamified medication app for children who need to take medication every day.

autoprefixer bootstrap bootstrapicons font-awesome html5 npm parcel-bundler postcss sass scss

Last synced: 17 Jan 2025

https://github.com/lasalefamine/chrome-ext-boilerplate

Chrome extension boilerplate with Webpack and PostCSS ready.

boilerplate chrome-extension postcss webpack

Last synced: 28 Jan 2025

https://github.com/khronosleung/postcss-iconfont

基于PostCSS 处理多个SVG文件生成 SVG/TTF/EOT/WOFF/WOFF2 字体图标

postcss postcss-plugin

Last synced: 20 Jan 2025

https://github.com/johnwatkins0/postcss-custom-prop-fallbacks

Provides fallbacks for custom properties set in :root.

css-custom-properties postcss

Last synced: 12 Jan 2025

https://github.com/gstcarv/tailwind-spotify-home

Spotify landing page home clone made with Tailwind CSS, including acessibility optimization

accessibility css javascript postcss responsive spotify tailwind webpack

Last synced: 12 Jan 2025

https://github.com/shrpne/postcss-clear-empty-strings

Remove declarations with empty values

clear empty postcss

Last synced: 04 Feb 2025

https://github.com/leomssilva/cineflix

:clapper: :computer: :iphone: This project is about a website that lists movies.

autoprefixer commitizen commitlint eslint firebase-hosting husky javascript lintstaged phosphor-react postcss prettier reactjs tailwindcss typescript vite

Last synced: 31 Dec 2024

https://github.com/garthdb/design-token-attributes

A mono repo for managing design token contexts

design-system monorepo postcss styledictionary stylelint

Last synced: 28 Jan 2025

https://github.com/garthdb/postcss-add-bem-modifier

A PostCSS plugin to append a BEM modifier to CSS classes.

bem css postcss

Last synced: 28 Jan 2025

https://github.com/shgysk8zer0/node-purist

A meta-package for building web-apps using native technologies, transpiled using Babel + PostCSS

cssnano cssnext npm npm-package postcss transpiler webpack

Last synced: 02 Feb 2025

https://github.com/vothanhdat/custom-react-script

postcss react scss webpack

Last synced: 05 Feb 2025

https://github.com/minipoly/client

Client for minipoly game

eslint fsd i18n postcss prettier react tailwindcss typescript vite yarn-berry

Last synced: 16 Jan 2025

https://github.com/zgreen/postcss-shared-values

A PostCSS plugin that allows for a comma-separated shorthand for properties that share the same value.

css postcss postcss-plugin

Last synced: 14 Jan 2025

https://github.com/darinelguillen/react-vite-shadcn-ui-template

React + Vite template with TypeScript, Tailwind CSS, and seamless V0.dev integration for effortless AI-generated components.

ai ai-templates eslint fast-prototyping postcss react react-template shadcn shadcn-ui tailwindcss typescript v0-dev v0dev vite

Last synced: 28 Jan 2025

https://github.com/frikadellios/astropampers

Astro Static starter website template for Vercel

astro daisyui editorconfig eslint nanocss pnpm postcss prettier react tailwind typescript vercel

Last synced: 12 Jan 2025

https://github.com/robinck/webpack-starter-kit

Boilerplate project for a web application requiring es6 / es7, webpack 🇺🇦

autoprefixer babel es6 es7 eslint hmr html-injection less linter live-reload postcss scss starter-kit starter-project starter-template static stylelint webpack

Last synced: 15 Dec 2024

https://github.com/dalbitresb12/postcss-url-append

PostCSS plugin to append a raw block of CSS from a URL.

postcss

Last synced: 22 Jan 2025

https://github.com/stardust-configs/postcss-config

Shareable PostCSS config

postcss postcss-config

Last synced: 16 Nov 2024

https://github.com/azamat-cto/react-ts-starter

autoprefixer browserslist class-variance-authority clsx eslint husky lint-staged node pnpm postcss prettier react tailwind-merge tailwindcss tailwindcss-animate typescript vite

Last synced: 12 Jan 2025

https://github.com/subsetcss/parser

core css parser postcss subsetcss

Last synced: 28 Jan 2025

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

basically just a gulpfile

babel boilerplate browserify eslint gulp postcss stylelint

Last synced: 24 Jan 2025

https://github.com/gespinha/postcss-spacer

PostCSS plugin for normalising spaces between lines on your stylesheets.

css plugin postcss postcss-modules postcss-plugin

Last synced: 28 Jan 2025

https://github.com/jabranr/react-scripts

Experiment: Improved postcss config in react scripts

create-react-app experiment postcss postcss-config postcss-loader react react-scripts

Last synced: 16 Jan 2025

https://github.com/the-holocron/stormtrooper

The clone soldier.

alex babel browserslist carbon commitlint es eslint jest lint-staged markdownlint postcss scss semantic-release semver storybook stylelint template webpack

Last synced: 22 Jan 2025

https://github.com/nishathub/master_boiler_plate

HTML Front-End Boiler Plate : Enriched with a common setup(scss, sass, postcss etc.), editable to begin a new project

boilerplate css html postcss postcss-config scss

Last synced: 16 Jan 2025

https://github.com/nishathub/lawyer-landing-page

A lawyer portfolio responsive website with night-mode

html5 lawyer-and-law-agency portfolio-website postcss scss

Last synced: 16 Jan 2025

https://github.com/stephane-klein/svelte-ssr-postcss-postgres-poc

Svelte + SSR + PostCSS + PostgreSQL

poc postcss postgresql ssr svelte

Last synced: 28 Jan 2025

https://github.com/givebest/postcss-usage

autoprefixer postcss

Last synced: 22 Dec 2024

https://github.com/pedrohvfernandes/nlw-expert

date-fns docker fastify localstorage lucide-react nodejs postcss postgresql prisma profanity radix-ui reactjs redis sonner speechrecognition tailwindcss typescript vite websocket

Last synced: 21 Jan 2025

https://github.com/saulwolfdev/skeleton

babel javascript npm postcss sass webpack

Last synced: 17 Jan 2025

https://github.com/siveing/next-purge-css

Implement the purge css to minimize the css and content with purge css

nextjs postcss purgecss tailwindcss typescript

Last synced: 16 Jan 2025

https://github.com/lorenzorapetti/tailwindcss-parcel

Template with tailwindcss and parcel

parcel parcel-bundler postcss tailwindcss template

Last synced: 31 Jan 2025

https://github.com/matan3sh/personal-app

nextjs postcss tailwindcss typescript

Last synced: 24 Jan 2025

https://github.com/aganglada/aganglada.github.io

Personal website

personal-website postcss yarn

Last synced: 15 Jan 2025

https://github.com/jvidalv/parcel2-tailwind-preact-typescript-example-2021

Example project that bundles Parcel 2 +Tailwind/jit + Preact + TypeScript.

parcel postcss preact tailwind tutorials typescript

Last synced: 28 Jan 2025

https://github.com/engrsakib/countriesname-simple-react-projects

api daisyui jsx postcss react tailwindcss

Last synced: 05 Feb 2025

https://github.com/twibiractlabs/twibiract-scss

twibiractscss est une boîte à outils front-end la plus puissante, la plus extensible et la plus riche en fonctionnalités au monde, d'extensions, de plugins et plus encore.

css postcss sass scss twibiractscss utility-class

Last synced: 05 Feb 2025

https://github.com/chrisross5/kiki-storage-web

College project (Final thesis): A cloud storage app focused on front-end, utilizing Firebase to its maximum extent for a real-time, highly customizable cloud file explorer.

daisyui firebase firebase-auth firebase-firestore firebase-hosting firebase-realtime-database firebase-storage pinia postcss tailwindcss typescript vite vue vue-composition-api vue-router vue-slicksort vuefire vueuse

Last synced: 15 Jan 2025

https://github.com/vlad-moskalenko/carshop-next.js

axios next postcss react react-dom tailwindcss typescript

Last synced: 16 Jan 2025

https://github.com/azamat-cto/responsive-sushi-website

Responsive and Cross Browser Sushi website design using React & Typescript

autoprefixer next-themes phosphoricons postcss prettier radix-ui react react-scroll sass scss shadcn-ui tailwindcss typescript unplugin-fonts vite

Last synced: 12 Jan 2025

https://github.com/tomasz-sodzawiczny/postcss-plugin-chain

Utility for chaining multiple PostCSS plugins as a single one.

chain chaining plugin postcss postcss-plugin

Last synced: 22 Jan 2025

https://github.com/vinpac/webpack-modular-css-loader

Loader to transform CSS string into module

css javascript loader modular postcss webpack

Last synced: 22 Jan 2025

https://github.com/locol23/webpack-scss-starter

A boilerplate of static site using webpack + postcss(scss)

postcss scss webpack

Last synced: 08 Jan 2025

https://github.com/bryanwilhite/nodejs

my collection of self-educational samples on the Node.js® stack

angular-io aurelia codepen css elm html5 jasmine karma nodejs postcss svg typescript ux ux-design

Last synced: 31 Dec 2024

https://github.com/rakib0061/know-git

Vite.JS starter template for vanilla JavaScript, Bootstrap, sass, Gulp.js with some basic dependencies.

boilerplate-template bootstrap5 eslint gulpjs javascript popperjs postcss prettier sass vitejs

Last synced: 17 Jan 2025

https://github.com/magnateape/svelte-gpt-integration

chatgpt gpt postcss svelte tailwindcss

Last synced: 28 Jan 2025

https://github.com/chrisross5/supit-project

College project (Internet technology S3): 6 versions of the same web app - built and compared UX & DX: jQuery, Vue, Vue Full, React, React Full, Svelte. Deployed on Cloudflare Pages.

bootstrap headlessui javascript jquery jquery-ui lighthouse pinia postcss react react-redux react-router react-transition-group rendering svelte sveltekit tailwindcss typescript vite vue vue-router