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-01-11 00:19:11 UTC
JSON Representation

https://github.com/zhuping/mat-autoprefixer

Prefix CSS for mat

autoprefixer mat postcss

Last synced: 03 Jan 2025

https://github.com/ahmadkdev/vite-vanilla-starter

A minimal, fast, and customizable starter template for vanilla JavaScript projects, using Vite.

boilerplate bundler css eslint front-end frontend html javascript js postcss prettier starter template vanilla vanilla-javascript vite web

Last synced: 03 Jan 2025

https://github.com/osamamammar/gui-rock-paper-scissor

JS practice project from (The Odin Project). rock paper scissor GUI

css frontend game html jade-template-engine javascript js postcss pug-template-engine pugjs responsive-design theodinproject

Last synced: 05 Dec 2024

https://github.com/osamamammar/library

📚 JS practice project from (The Odin Project). library

css html javascript postcss pugjs theodinproject

Last synced: 05 Dec 2024

https://github.com/osamamammar/etch-a-sketch

JS practice project from (The Odin Project). etch a sketch

css game html javascript postcss pugjs theodinproject workflow

Last synced: 05 Dec 2024

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: 10 Dec 2024

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/jabranr/react-scripts

Experiment: Improved postcss config in react scripts

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

Last synced: 15 Nov 2024

https://github.com/abhich21/memory-game

a basic number pair memory game

postcss react-dom reactjs tailwindcss vitejs

Last synced: 03 Jan 2025

https://github.com/andrepolischuk/react-mobx-state-tree-example

An example of React MobX state tree async application

example example-app mobx-state-tree postcss react

Last synced: 04 Jan 2025

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

An example of Deku Redux async application

deku deku-redux example example-app postcss redux

Last synced: 04 Jan 2025

https://github.com/denisoct/news-homepage

News homepage

mantine-ui nextjs postcss

Last synced: 04 Jan 2025

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

Single-page developer portfolio

mantine nextjs postcss react

Last synced: 04 Jan 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/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: 15 Nov 2024

https://github.com/masterjaneza/portfolio

Portfolio

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

Last synced: 11 Jan 2025

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

Frontend part of App for sell tickets

nextjs13 postcss react tailwindcss typescript

Last synced: 04 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: 15 Nov 2024

https://github.com/jerriclynsjohn/jekyll-tailwind

Jekyll + TailwindCSS Starter Template

jekyll postcss purgecss static-site-generator tailwindcss

Last synced: 21 Dec 2024

https://github.com/nathanielinman/jugs-vue

Vue app generator JUGS-VUE makes getting started with VueJS easy!

babel boilerplate javascript pinia postcss pug slush stylus vitejs vue vuejs

Last synced: 31 Oct 2024

https://github.com/paxperscientiam/webdev-proxy-server

BrowserSync + node-sass + postcss = webdev-proxy-server

browser-sync cache node-sass pdf postcss sass

Last synced: 21 Dec 2024

https://github.com/owpac/boilerplate_rails_inertia

Rails application working with Inertia and React!

esbuild inertiajs postcss propshaft rails react tailwind typescript

Last synced: 20 Dec 2024

https://github.com/mishantrop/elenapisarenko

Portfolio website for artist elenapisarenko.ru

nextjs portfolio portfolio-website postcss react tailwind tailwindcss typescript website

Last synced: 21 Dec 2024

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

Svelte + SSR + PostCSS + PostgreSQL

poc postcss postgresql ssr svelte

Last synced: 29 Nov 2024

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

React App Webpack 4 Configuration.

boilderplate build-tools eslint minifies postcss prettier react webpack

Last synced: 29 Dec 2024

https://github.com/cendekia/screwmate-storybook

hacktoberfest hacktoberfest2021 postcss react storybook tailwind tailwindcss

Last synced: 29 Dec 2024

https://github.com/iamkhan21/svelte-typescript-vite-template

A starter template for Svelte Application that comes preconfigured with Typescript, Svelte SPA router, Siimple for styling, and PostCSS. Finally, the template uses Vite to bundle it all together.

netlify postcss svelte sveltejs template typescript vite

Last synced: 23 Nov 2024

https://github.com/bacoords/postcss-understrap-palette-generator

PostCSS plugin to generate a json file for Understrap theme

bootstrap postcss understrap wordpress

Last synced: 30 Oct 2024

https://github.com/emranffl/data-security-blockchain

Thesis work.

blockchain blockchain-technology graph network nextjs postcss security tailwind tailwind-css typescript vizjs

Last synced: 24 Dec 2024

https://github.com/thoughtbit/lego-ui

🐬 一个面向未来的、灵活的、低耦合的CSS解决方案

css postcss

Last synced: 14 Dec 2024

https://github.com/rc6799/vue-sell-car

Flutter Buy Sell

axios postcss sass tailwindcss vue3

Last synced: 07 Jan 2025

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

javascript tools include webpack babel postcss ...

babel postcss webpack2

Last synced: 11 Jan 2025

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

React Flow Boilerplate allows you to start new web project from scratch using React and Flow.

babel css eslint flow javascript mobx mobx-react mobx-state-tree mst postcss prettier react react-router-v4 sass scss styled-components webpack

Last synced: 30 Dec 2024

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

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

eslint hmr mobx mobx-state-tree mst postcss prettier react react-router-v4 scss styled-components typescript webpack4

Last synced: 30 Dec 2024

https://github.com/thornwalli/devterm-toolbox

devterm postcss remote thermalprinter vite vue

Last synced: 21 Dec 2024

https://github.com/hazratgs/febox

Сайт студии Febox

javascript postcss react webpack

Last synced: 21 Dec 2024

https://github.com/castastrophe/postcss-rgb-mapping

A PostCSS plugin to parse out rgb values into distinct custom properties

css postcss postcss-plugin

Last synced: 15 Oct 2024

https://github.com/dkmfzf/webowio

A project made using the Gulp collector. The site is not for a portfolio, but in order to test the technology I have studied

css gulp html javascript js nodejs postcss stylelint

Last synced: 21 Dec 2024

https://github.com/theiliad/fusebox-1st-try

First attempt @ Fuse-Box 😊

bulma fuse-box postcss typescript uglifyjs

Last synced: 13 Dec 2024

https://github.com/vs0uz4/movie-search

Aplicação Desenvolvida no Curso de SvelteJS

javascript jest postcss purgecss svelte tailwindcss testing-library tmdb-api

Last synced: 07 Jan 2025

https://github.com/bntzio/invie-postcss

Just a site to learn postcss

bem cssnext gulp lost-grid postcss

Last synced: 30 Dec 2024

https://github.com/bntzio/aguayo-frontend-test

Página web con responsive design (mobile first)

cssnext gulp postcss webpack

Last synced: 30 Dec 2024

https://github.com/ryan-dorman/pomodoro-clock

A simple Pomodoro clock designed to help control your work patterns to ensure appropriate breaks are taken. Features graphic display of time progression, and use of the Notification API.

gulpjs html javascript postcss progressbar-js

Last synced: 06 Jan 2025

https://github.com/ambar/docz-plugin-style

PostCSS Preset Env + CSS Modlues

docz docz-plugin postcss

Last synced: 02 Jan 2025

https://github.com/stoyan/cssvalueparserdemo

Demo of postcss-value-parser

css demo parsing postcss

Last synced: 01 Dec 2024

https://github.com/milliorn/travel-journal

Travel landing page in React using Tailwind.

autoprefixer css html html-css html-css-javascript html5 javascript js jsx landing landing-page landingpage postcss react react-uuid reactjs tailwind tailwind-css tailwindcss typescript

Last synced: 14 Dec 2024

https://github.com/awayken/postcss-placeholdit

PostCSS plugin that uses the placehold.it service as a placeholder for broken background images.

postcss

Last synced: 10 Jan 2025

https://github.com/milliorn/user-dashboard

Simple and intuitive interface for managing user data. Mobile responsive dashboard with dark mode.

autoprefixer chartjs dashboard eslint next nextjs postcss react react-icons reactjs tailwind tailwind-css tailwindcss tailwindui typescript

Last synced: 14 Dec 2024

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

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

bem css postcss

Last synced: 30 Nov 2024

https://github.com/subsetcss/parser

core css parser postcss subsetcss

Last synced: 30 Nov 2024

https://github.com/josealz/disco

Discord clone

autoprefixer build deploy firebase gh-pages git github odin-project postcss react tailwindcss vscode

Last synced: 25 Dec 2024

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: 30 Nov 2024

https://github.com/condesaheki/cmb

A Svelte-based web app to provide an interactive platform for cmb community

autoprefixer brazil community daisyui mapping osu postcss svelte sveltekit tailwindcss typescript

Last synced: 29 Nov 2024

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: 06 Dec 2024

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: 29 Nov 2024

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

Postcss starter is a starter kit for any project using postcss.

css nodejs pnpm postcss starter

Last synced: 06 Dec 2024

https://github.com/dormanator/pomodoro-clock

A simple Pomodoro clock designed to help control your work patterns to ensure appropriate breaks are taken. Features graphic display of time progression, and use of the Notification API.

gulpjs html javascript postcss progressbar-js

Last synced: 10 Nov 2024

https://github.com/connectkushal/cssnotes

Revision notes for css, sass and tools to work on them. Also notes on bulma and bootstrap5.

bootstrap5 bulma bulma-css bulma-css-framework css css-flexbox css-grid css3 postcss sass sass-framework vite

Last synced: 06 Dec 2024

https://github.com/afeiship/postcss-one-to-many

One to many for postcss.

many margin one padding postcss to

Last synced: 14 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/krypton225/multi-step-form

This is just a training in Front End Mentor website.

autoprefixer concurrently css3 cssnano html5 javascript live-server postcss postcss-cli pug-cli pugjs scss typescript webpack webpack-cli

Last synced: 26 Dec 2024

https://github.com/earth-hominid/seeds-inventory-catalog

An inventory management system for an online seed store | Full stack CRUD Application with ExpressJS

expressjs javascript mongodb mongoose mvc-architecture nodejs postcss pugjs sanitization tailwind-css validation validatorjs

Last synced: 26 Dec 2024

https://github.com/monokrome/webpack-react-redux-starter

postcss react redux website

Last synced: 20 Dec 2024

https://github.com/mihoag/image-galary-react

material-ui postcss reactjs tailwind toastify typewriter-animation unplash-api

Last synced: 20 Dec 2024

https://github.com/jguddas/jumpstart

Config and boilerplate free dev/build tool.

babel eslint jest less lightscript postcss sass typescript webpack

Last synced: 23 Nov 2024

https://github.com/nikolaymakhonin/postcss-js-syntax

For use powerful JavaScript syntax for compile CSS instead legacy preprocessors: SASS, LESS, Stylus, etc... Demo:

css javascript js json modularity postcss postcss-syntax preprocessor

Last synced: 30 Dec 2024

https://github.com/hmontarroyos/quiz_javascript

O Projeto se trata de um Quiz de JavaScript, para o usuário testar suas habilidades na linguagem, desenvolvido na 2° Imersão React NextJS Alura

alura alura-quiz framer-motion front-end imersao-react javascript nextjs postcss react styled-components

Last synced: 15 Dec 2024

https://github.com/dbish6/open_weather_app

This weather app utilizes the powerful Open Weather API and delivers real-time weather information for cities all around the world!

postcss reactjs

Last synced: 14 Oct 2024

https://github.com/savvy-css/generator-savvy-css

Yeoman generator for scaffolding out a Savvy module or utility

css css-framework functional-css postcss savvy-css

Last synced: 23 Nov 2024

https://github.com/silvestrevivo/webpack-starter

Project starter template built with WebPack. It contains Babel to compile ES6 to ES5, as well as CSS and SASS loaders.

babel-webpack babeljs boilerplate-template browsersync css3 html5 javascript postcss starter-project starter-template template webpack2

Last synced: 16 Nov 2024

https://github.com/studioalex/postcss-fontify

postcss-fontify is a lightweight PostCSS plugin that generates font-related CSS properties and declarations, saving you time and effort in your stylesheet development.

font fonts plugin postcss variable-fonts

Last synced: 18 Nov 2024

https://github.com/asyncbanana/asyncbanana.github.io

My personal website built with HTML, JavaScript, and PostCSS, and bundled with Parcel

parcel-bundler personal-website postcss

Last synced: 08 Jan 2025

https://github.com/charistheo/webpack-media-split

A simple example that splits CSS based on media queries used and generates separate files using Webpack. Those CSS files are then lazy loaded depending on screen width.

css lazy-loading mediaqueries postcss webpack

Last synced: 14 Dec 2024

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

github-actions nextjs now-sh postcss storybook tailwindcss

Last synced: 13 Dec 2024

https://github.com/paalamugan/single-spa-webpack-config-react-ts

Default predefined webpack configuration for single-spa with react and typescript

postcss react scss single-spa single-spa-config tailwindcss-config webpack

Last synced: 19 Nov 2024

https://github.com/eliasjuk/palpitebox

✔️ PalpiteBox

api google-api javascript nextjs nodejs postcss react tailwindcss

Last synced: 07 Jan 2025

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

Boilerplate for Gulp 4.

babel-es6 boilerplate gulp postcss sass

Last synced: 16 Nov 2024

https://github.com/om-corp/porto-challenge-next

Challenge da Porto Seguro com next.js

next nextjs postcss react reactjs tailwind tailwind-css tailwindcss

Last synced: 16 Nov 2024

https://github.com/cyansalt/postcss-transform-decl

Transform any declarations with custom rules

postcss postcss-plugin

Last synced: 09 Nov 2024

https://github.com/jill64/svelte-tailwind

🌀 Simplified TailwindCSS Configuration for Svelte

config css postcss sveltekit tailwind

Last synced: 10 Nov 2024

https://github.com/hoangnguyen77/interior-construction-quotation-fe

The frontend for interior construction quotation platform

html-css-javascript postcss reactjs scss tailwindcss vitejs

Last synced: 27 Dec 2024

https://github.com/eugenepokalyuk/vue-skateboarding

SkateHut was established in 2007 by Mark Johansen-Berg following a family holiday to Florida with his wife and three sons. When his eldest son spotted a pair of Heelys in one of the theme parks, he just had to have a pair! Upon arriving back to the UK, they realised that Heelys were nowhere to be seen.

postcss tailwind vite vue-router4 vue3

Last synced: 27 Dec 2024