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-08 00:19:12 UTC
JSON Representation

https://github.com/bylothink/phonebook-frontend

📖 The frontend part of a sample phonebook app made by using @vuejs.

phonebook postcss sample tailwindcss typescript vitejs vuejs

Last synced: 12 Dec 2024

https://github.com/habbaz-dev/utils

🔦 Various shareable configurations (ESLint, Prettier, CommitLint, Commitizen, etc.)

2024 2024-project babel commitizen commitlint config eslint habbaz habbazdev markdownlint open-source postcss prettier renovate shareable shareableconfig stylelint ts

Last synced: 11 Oct 2024

https://github.com/reworkjs/postcss-preset-reworkjs

PostCSS preset for applications built using ReworkJS

postcss reworkjs

Last synced: 23 Dec 2024

https://github.com/osamamammar/calculator

🧮 JS practice project from (The Odin Project). calculator

css html javascript postcss pugjs theodinproject

Last synced: 05 Dec 2024

https://github.com/oleg-kuzmin/mesto-project

Сайт-приложение на ООП JavaScript для desktop и mobile. Стороннее api (yandex) для получения, добавления, удаления, изменения данных. Похож на аналог instagram с загрузкой карточек красивых мест.

api-server autoprefixer babel bem-nested css-animations css-flexbox figma html-css-javascript html-template modules oop-in-javascript postcss review webpack

Last synced: 27 Dec 2024

https://github.com/starkelessar/vite-start-template

bun eslint postcss pug scss stylelint vite

Last synced: 13 Dec 2024

https://github.com/erkobridee/astro-ts-tw-hello

Astro Build using TypeScript plus TailwindCSS

astro devcontainer editorconfig eslint gh-pages github-actions postcss prettier tailwindcss template typescript

Last synced: 11 Oct 2024

https://github.com/tshasan/tshasan.com

A personal website built with SvelteKit, Vite, and Tailwind CSS. It utilizes modern web development tools like TypeScript, PostCSS, and pnpm.

daisyui pnpm postcss sveltekit tailwind-css vite

Last synced: 11 Oct 2024

https://github.com/iamdipankarpaul/weather-app-react

🌤️ A simple weather app built with React.js that shows current weather data, hourly forecasts, and daily forecasts using OpenWeatherMap API and Open-Meteo API.

axios daisyui eslint javascript mantine-hooks openmeteo-api openweathermap-api postcss react reacthottoast tailwindcss vite weather weather-app

Last synced: 11 Oct 2024

https://github.com/annaindistress/frontend-mentor-recipe-page

This is a solution to the recipe page challenge on Frontend Mentor

css-custom-properties github-actions html postcss vite

Last synced: 27 Dec 2024

https://github.com/bycodexp/gulp-tailwindcss-template

gulp postcss tailwindcss

Last synced: 23 Nov 2024

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/gogo200202/next-portfolio

Portfolio build with next js

github-actions github-pages javascript nextjs postcss react tailwind threejs typescript vite

Last synced: 11 Oct 2024

https://github.com/andrewmcodes-archive/dr-stapleton-website

Dr. Ann E. Stapleton's Personal Website

gatsby javascript postcss react tailwind-css tailwindcss webpack

Last synced: 01 Jan 2025

https://github.com/othytenk/xutul-landing-page

The landing page of the xutul project

heroicons javascript motion postcss reactjs tailwindcss

Last synced: 10 Oct 2024

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/cedric-renais/nike

Ce projet a pour objectif de créer une interface web moderne et dynamique inspirée des éléments visuels et de l'identité de Nike.

next postcss prettier prettier-plugin-tailwindcss tailwind

Last synced: 05 Jan 2025

https://github.com/cedric-renais/carhub

Ce projet a pour objectif de créer une interface web moderne et dynamique pour une agence de location de voitures.

headlessui next postcss prettier prettier-plugin-tailwindcss tailwind typescript

Last synced: 22 Nov 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/metonym/postcss-inline-css-vars

PostCSS plugin to inline CSS variables

css-variables postcss postcss-plugin

Last synced: 18 Dec 2024

https://github.com/lukaspetricek1/maturitni_projekt

FAcebook DIscord instaGRAM

express javascript mern-stack mysql nodejs postcss react react-router-dom tailwindcss typescript

Last synced: 18 Dec 2024

https://github.com/fabianmendozaospina/expense-planner

Expense planner built with React and TypeScript

postcss react tailwindcss typescript vite

Last synced: 18 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/lucjosin/astro-rename-example

How to use the astro-rename integration to hash all CSS class names from your astro project

astro css integration postcss

Last synced: 18 Dec 2024

https://github.com/danielbayley/svg-social-icons

Adaptable, reusable @SVG social media icons done right.

css html icons jade less npm postcss preprocessor pug sass scss social stylus svg

Last synced: 19 Dec 2024

https://github.com/markalexi/jugglingshoponvue

Project of shop on Vue 3.

pinia postcss vue-router vue3

Last synced: 16 Nov 2024

https://github.com/krypton225/manage-landing-page

This is just a training in Front End Mentor website.

css3 frontend-mentor html5 postcss pugjs webpack

Last synced: 26 Dec 2024

https://github.com/waitingwittykitty/deck-dragon

This is a simple card game. Lucky guys or losers.

apollo docker game graphql postcss prisma react tailwind

Last synced: 20 Dec 2024

https://github.com/mouhametnd/ecommerce-product

This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js

bem-methodology gulpjs html javascript localstorage postcss scss

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

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

chatgpt gpt postcss svelte tailwindcss

Last synced: 30 Nov 2024

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/winston0410/postcss-sparrow-values-filter

A PostCSS Sparrow plugin that helps you search CSS declarations by values.

postcss postcss-plugin postcss-sparrow

Last synced: 12 Nov 2024

https://github.com/winston0410/postcss-auto-text-indent

A PostCSS Sparrow plugin that helps you append `text-indent` to a selector when `letter-spacing` is found, in order to center words correctly.

css postcss postcss-sparrow tailwindcss

Last synced: 12 Nov 2024

https://github.com/hellothisisflo/webpack-sandbox

A working WebPack setup where every step of the configuration is a separate commit

autoprefixer build-tool css javascript postcss scss webpack

Last synced: 15 Dec 2024

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

网站初始化集成

bootstrap deploy ejs gulp hash i18n less postcss responsive uglify website

Last synced: 17 Nov 2024

https://github.com/silvestrevivo/react-mobiquity

Small react application fetching data from https://ergast.com/mrd/ to show custom results

axios babel eslint html5 javascript postcss reactjs sass webpack4

Last synced: 25 Nov 2024

https://github.com/stephan-evers/babel-plugin-transform-styl-modules

Transforms "styl" tagged template literals into css modules.

babel css-modules postcss stylus template-literals

Last synced: 19 Dec 2024

https://github.com/azurespheredev/startupz-landing

Clone version of Startupz landing page

javascript postcss reactjs tailwindcss-v3

Last synced: 12 Nov 2024

https://github.com/azurespheredev/vally-sales-assignment

Vally Sales Inc Settings Page built for the assigment.

assignment eslint husky nextjs postcss shadcn-ui tailwindcss typescript zod

Last synced: 12 Nov 2024

https://github.com/edixonalberto/template-sass

Template for creating websites using Sass

autoprefixer html portfolio postcss sass sass-autoprefixer template

Last synced: 16 Nov 2024

https://github.com/morevm/postcss-specificity-decorator

PostCSS plugin to increase the specificity of selectors

css postcss postcss-plugin specificity

Last synced: 09 Nov 2024

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

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

basically just a gulpfile

babel boilerplate browserify eslint gulp postcss stylelint

Last synced: 23 Nov 2024

https://github.com/efiand/svelte-fastify-template

Сборка для создания простых изоморфных приложений SSR/SPA

boilerplate browser-sync eslint fastify lintspaces markdownlint portfolio-project postcss rollup sprite squoosh stylelint svelte-routing svelte-ssr svgo

Last synced: 14 Nov 2024

https://github.com/buschtoens/broccoli-multi-postcss

Broccoli plugin to transform one or more input files using PostCSS to one or more output files.

broccoli broccoli-plugin postcss

Last synced: 08 Dec 2024

https://github.com/efiand/drink2go

a11y bem esbuild favicons gulp htmlacademy leaflet mentorship-programme mobile-first pixelperfect portfolio-project postcss posthtml progressive-enhancement range-slider sprite stylelint swiper w3c-validation webp

Last synced: 14 Nov 2024

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

Personal website

personal-website postcss yarn

Last synced: 15 Nov 2024

https://github.com/efiand/wfl

Лендинг музыкального альбома. Демонстрация плейлиста на Web Audio API

a11y bem eslint favicons gulp image-optimization mobile-first opengraph pixelperfect portfolio-project postcss posthtml progressive-enhancement semantics sprite stylelint vanilla-js webp webpack

Last synced: 14 Nov 2024

https://github.com/saulwolfdev/skeleton

babel javascript npm postcss sass webpack

Last synced: 16 Nov 2024

https://github.com/elchininet/postcss-comments

Postcss plugin to prepend or append comments to CSS rules

comments css postcss postcss-plugin

Last synced: 19 Nov 2024

https://github.com/thenamevishnu/ecommerce

eslint javascript postcss reactjs tailwindcss vitejs

Last synced: 17 Nov 2024

https://github.com/elchininet/postcss-rtlcss-less-and-sass

Webpack configuration to use postcss-rtlcss with less and sass

css left-to-right less ltr postcss postcss-plugin postcss-rtlcss right-to-left rtl sass

Last synced: 19 Nov 2024

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

autoprefixer postcss

Last synced: 22 Dec 2024

https://github.com/efiand/scandi

Одностраничник студии дизайна интерьеров. Demo собственного сборщика

a11y bem eslint fastify htmlacademy image-optimization mentorship-programme mobile-first pixelperfect postcss semantics sprite stylelint svelte-ssr w3c-validation webp webpack

Last synced: 14 Nov 2024

https://github.com/pascalduez/eleventy-css

11ty css css-modules eleventy postcss stylesheets

Last synced: 07 Dec 2024

https://github.com/efiand/mobf21

Предыдущая версия сайта mobf21.com

a11y bem commercial design eslint mobile-first opengraph portfolio-project postcss schema semantics spa stylelint sveltekit webp

Last synced: 14 Nov 2024

https://github.com/joserafael0160/age-calculator

An Age calculator, using HTML, CSS, and JavaScript.

age age-calculator calculator html js js-vanilla postcss

Last synced: 11 Oct 2024

https://github.com/andreidmt/tpl-react-lib

React library template

babel eslint parcel postcss prettier react riteway tape

Last synced: 01 Jan 2025

https://github.com/joserafael0160/jrlinks

All my links page made with HTML, PostCSS and JavaScript. 💜

all-my-links allmylinks html-css-javascript javascript link-platform links postcss

Last synced: 11 Oct 2024

https://github.com/antonio-laguna/demo-postcss

Usando PostCSS como alternativa a Sass

css demo postcss

Last synced: 28 Dec 2024

https://github.com/rohits05/ai-shi

autoprefixer bcrypt-encryption mongodb mongoose next-auth nextjs postcss tailwind-css

Last synced: 11 Nov 2024

https://github.com/efiand/pineglade-app

Engine for launching and assembling small and medium-sized sites.

bem-linter boilerplate eslint fastify lintspaces markdownlint postcss sprite squoosh stylelint svelte-routing svelte-ssr svgo w3c-validation webpack

Last synced: 14 Nov 2024

https://github.com/efiand/portfolio

Портфолио со списком работ и биографией. Все данные получаются по Github API

a11y design eslint mobile-first portfolio-project postcss posthtml semantics spa stylelint svg vue-router vuex webpack

Last synced: 14 Nov 2024

https://github.com/bimapriaaditya/create-starterpack-src

Starter frontend project with webpack, bootstrap scss and tailwind postcss

bootstrap5 postcss scss src tailwind

Last synced: 11 Nov 2024

https://github.com/efiand/vue-form-multistep

Форма из нескольких шагов-роутов на Vue, pinia, vuelidate. Typescript, scss, vite

eslint pinia portfolio-project postcss stylelint vite

Last synced: 14 Nov 2024

https://github.com/pras75299/imagegallery

Image Gallery application with React using Tailwindcss, Postcss, Autoprefixer

autoprefixer image-finder javascript-library postcss postcss-plugin react tailwindcss

Last synced: 16 Nov 2024

https://github.com/scrum/postcss-envariables

PostCss plugin to use environment variables in CSS

css env envariables postcss postcss-plugin webpack4

Last synced: 07 Dec 2024

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

https://github.com/efiand/cooknote

Кулинарная книга с возможностью добавления и редактирования рецептов. Визуальный редактор, категории, разделы

a11y admin-panel commercial design eslint fastify favicons nodejs portfolio-project postcss postgresql semantics stylelint sveltekit

Last synced: 14 Nov 2024

https://github.com/efiand/anne-blog

Образцы страниц блога копирайтера.

a11y bem gulp image-optimization pixelperfect postcss retinal-images stylelint w3c-validation

Last synced: 14 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: 13 Nov 2024

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

https://github.com/efiand/vue3-boilerplate

Стартовый шаблон для разработки SPA.

boilerplate css-icons eslint pinia portfolio-project postcss prettier stylelint vite

Last synced: 14 Nov 2024

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

https://github.com/duanedave/portfolio-v_1

This is the first iteration of my personal brand, here I show a list of what I have been up to recently in my career as a software developer

accessibility css4 framer-motion postcss react ux-ui

Last synced: 07 Dec 2024

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

Chrome extension boilerplate with Webpack and PostCSS ready.

boilerplate chrome-extension postcss webpack

Last synced: 30 Nov 2024

https://github.com/efiand/device

Интернет-магазин гаджетов.

bem favicons gulp portfolio-project postcss posthtml range-slider sprite webpack

Last synced: 14 Nov 2024

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

https://github.com/agbortoko/php_vite_boilerplate

Boilerplate for implementing plain php projects with vite

autoprefixer npm php postcss tailwindcss vanilla-php vite xampp

Last synced: 27 Dec 2024

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

Сайт туристического городка.

a11y eslint flatpickr gulp htmlacademy image-optimization mentorship-programme pixelperfect postcss posthtml progressive-enhancement range-slider semantics sprite stylelint w3c-validation webp webpack

Last synced: 14 Nov 2024

https://github.com/matthewbub/css4life

Convert Postcss to CSS via CLI

cli css postcss

Last synced: 27 Sep 2024

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

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

postcss postcss-plugin

Last synced: 19 Nov 2024

https://github.com/solo-steven/rustlycss

css transformer build in rust

css css-generator css-parser postcss postcss-like

Last synced: 16 Nov 2024

https://github.com/muzabol2/calc

Simple calculator in vanilla JS

babel javascript postcss vanilla-javascript vercel webpack youtube-tutorial

Last synced: 08 Jan 2025

https://github.com/exslym/portfolio-new-3d

A new Scrollable 3D Animation Portfolio website (3D-graphics and animations with ThreeJS!)

autoprefixer gh-pages javascript postcss scss terser threejs vite-aliases vite-plugin-legacy vitejs

Last synced: 14 Nov 2024

https://github.com/frolov-andrey2405/finvista

Modern Banking Aesthetics Repository

autoprefixer css html js postcss react tailwindcss vitejs

Last synced: 14 Nov 2024

https://github.com/koole/centrale-v1

🔥 dekoolecentrale.nl

postcss threejs typescript webpack

Last synced: 07 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/fmanimashaun/yumeats

YumEats it is a simple landing page for a resturant that offers a variety of dishes. it is built using react and styled using tailwindcss. using tailwindcss, the app is responsive and can be viewed on any device.

postcss react tailwindcss

Last synced: 06 Jan 2025