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/eliasjuk/palpitebox

✔️ PalpiteBox

api google-api javascript nextjs nodejs postcss react tailwindcss

Last synced: 07 Jan 2025

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/treetips/react-router-redux-typescript-parcel-example

react-router-redux-typescript-parcel-example

parcel postcss prettier react redux scss tslint typescript3 vscode

Last synced: 31 Dec 2024

https://github.com/johnwatkins0/postcss-spacing-utils

Generates spacing utility classes from user settings.

css postcss

Last synced: 19 Nov 2024

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

A mono repo for managing design token contexts

design-system monorepo postcss styledictionary stylelint

Last synced: 30 Nov 2024

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

🔥 dekoolecentrale.nl

postcss threejs typescript webpack

Last synced: 07 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/muzabol2/calc

Simple calculator in vanilla JS

babel javascript postcss vanilla-javascript vercel webpack youtube-tutorial

Last synced: 08 Jan 2025

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

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

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

Last synced: 14 Nov 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/vue3-boilerplate

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

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

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/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/vue-form-multistep

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

eslint pinia portfolio-project postcss stylelint vite

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/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/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/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/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/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/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/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/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/wyyxdgm/gulp-less-start-kit

网站初始化集成

bootstrap deploy ejs gulp hash i18n less postcss responsive uglify website

Last synced: 17 Nov 2024

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

chatgpt gpt postcss svelte tailwindcss

Last synced: 30 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/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/locol23/webpack-scss-starter

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

postcss scss webpack

Last synced: 08 Jan 2025

https://github.com/watheia/typed-css

A collection of helper utilities and plugins for working with staticky typed CSS modules

css-modules docusaurus nx postcss spectrum-css webpack

Last synced: 27 Dec 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/danielfgray/gulp-boilerplate

basically just a gulpfile

babel boilerplate browserify eslint gulp postcss stylelint

Last synced: 23 Nov 2024

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

Personal website

personal-website postcss yarn

Last synced: 15 Nov 2024

https://github.com/saulwolfdev/skeleton

babel javascript npm postcss sass webpack

Last synced: 16 Nov 2024

https://github.com/thenamevishnu/ecommerce

eslint javascript postcss reactjs tailwindcss vitejs

Last synced: 17 Nov 2024

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

autoprefixer postcss

Last synced: 22 Dec 2024

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

11ty css css-modules eleventy postcss stylesheets

Last synced: 07 Dec 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/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/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/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/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/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/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/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/frolov-andrey2405/finvista

Modern Banking Aesthetics Repository

autoprefixer css html js postcss react tailwindcss vitejs

Last synced: 14 Nov 2024

https://github.com/luizfelipedasilva678/to-do-list-with-pug

Simple To do list made with Pug

postcss pug type vite

Last synced: 16 Nov 2024

https://github.com/henriquesebastiao/modernizacao-manejo

Front-end para Projeto de Modernização do Manejo.

font-awesome postcss skeleton svelte sveltejs sveltekit tailwindcss typescript

Last synced: 16 Nov 2024

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

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

PostCSS plugin to modularize classnames

css javascript modular postcss

Last synced: 09 Jan 2025

https://github.com/coder-abdo/multi-forms

multi-form project

babel7 es6 postcss react-hooks react-icons reactjs webpack4

Last synced: 14 Nov 2024

https://github.com/slhsxcmy/postcss-split-selectors

css npm postcss postcss-plugin

Last synced: 14 Nov 2024

https://github.com/cgutwin/frontendmentor

My completions of the Frontend Mentor projects.

css3 frontend frontend-mentor html5 postcss

Last synced: 14 Nov 2024

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

My starter template

autoprefixer browser-sync browserlist cssnano postcss sass

Last synced: 14 Nov 2024

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

https://github.com/tobua/postcss-tags-without-class

Make HTML Tags Opt Out-Able When Adding a Class

postcss postcss-plugin

Last synced: 15 Nov 2024

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/stardust-configs/postcss-config

Shareable PostCSS config

postcss postcss-config

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

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

nextjs postcss tailwindcss typescript

Last synced: 24 Nov 2024

https://github.com/theelegantcoding/solid_template_webpage

📦️ This is a basic template that includes everything you need to get started web development with solid-js. It includes a simple counter application, as well as some documentation and examples.

clean-architecture clean-code design-system eslint node performance pnpm postcss sass solid-js style-guide typescript vite web-development

Last synced: 07 Dec 2024

https://github.com/h3rmel/sen-financa

A simple web application for personal finance management.

autoprefixer daisyui es6 localstorage postcss pwa react react-router tailwindcss vitejs

Last synced: 15 Nov 2024

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

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

Last synced: 15 Nov 2024

https://github.com/trevonerd/postcss-mixins-css-grid

A CSS Grid mixin for the PostCSS Mixins plugin. The easiest way to implement a responsive grid system using CSS Grid.

css-grid css-grid-mixin postcss postcss-mixins postcss-mixins-plugin

Last synced: 24 Nov 2024

https://github.com/mahdita97/machex

Machex (A React Chrome Extension Boilerplate)

chrome chrome-extension chrome-extensions manifest manifest-v3 manifestv3 postcss postcss-loader prettier react react-hot-loader reactjs tailwindcss tailwindcss-v3 ts tslint typescript webpack webpack-dev-server webpack5

Last synced: 15 Nov 2024

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/vlad-moskalenko/carshop-next.js

axios next postcss react react-dom tailwindcss typescript

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

https://github.com/hrfmmymt/react-babel-webpack

axios babel javascript postcss react-router reactjs superagent webpack2

Last synced: 17 Nov 2024

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

autoprefixer postcss stylelint

Last synced: 17 Nov 2024

https://github.com/hrfmmymt/plain-carousel

babel carousel-plugin postcss rollup vanilla-javascript

Last synced: 17 Nov 2024

https://github.com/jsimck/postcss-webpack-plugin

A webpack plugin to process generated assets with PostCSS with support for webpack 5 filesystem cache.

cache filesystem loader pipeline plugin postcss postcss-loader webpack webpack-plugin

Last synced: 07 Dec 2024

https://github.com/annaindistress/frontend-mentor-faq-accordion

This is a solution to the FAQ accordion challenge on Frontend Mentor

css-custom-properties html postcss vite

Last synced: 24 Nov 2024

https://github.com/claudiusayadi/ketocss

The #1 variable-first atomic design framework! This is my personal CSS Framework or project starter kit based on SASS (SCSS) and CSS Variables.

adun-css adun-studio css-framework cssnano ecommerce modern-css-features postcss postcss-preset-env postcss-sass responsive-design sass sass-starterkit scss service-based

Last synced: 31 Dec 2024

https://github.com/annaindistress/frontend-mentor-stats-preview-card-component

This is a solution to the stats preview card component challenge on Frontend Mentor

css-custom-properties gulp html postcss

Last synced: 24 Nov 2024

https://github.com/annaindistress/frontend-mentor-blog-preview-card

This is a solution to the blog preview card challenge on Frontend Mentor

css-custom-properties github-actions html postcss vite

Last synced: 24 Nov 2024

https://github.com/annaindistress/frontend-mentor-easybank-landing-page

This is a solution to the easybank landing page challenge on Frontend Mentor

css-custom-properties html postcss svg-sprite vanilla-js vite

Last synced: 24 Nov 2024

https://github.com/miavai649/cleancarz-client

The Clean Carz is a web application where user can get different types of car wash services. It allows users to explore available services, select a time slot, and book a service online, offering a digital car care experience.

ant-design dayjs jwt-decode momentjs postcss react react-dom react-hook-form react-icons react-redux react-router-dom redux-persist redux-toolkit rtk-query sonner swiper-js typescript vite zod-validation