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-21 00:23:10 UTC
JSON Representation

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

Usando PostCSS como alternativa a Sass

css demo postcss

Last synced: 19 Feb 2025

https://github.com/samuelribeiroo/lunnaris

A modern landing page for AI-based software as as service.

framer-motion lucide-icons next-14 postcss tailwindcss

Last synced: 26 Jan 2025

https://github.com/wearerequired/js

📦 Monorepo for JavaScript packages used @wearerequired.

boilerplate browserlist postcss

Last synced: 13 Nov 2024

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

Clone version of Startupz landing page

javascript postcss reactjs tailwindcss-v3

Last synced: 11 Jan 2025

https://github.com/kibria-khandaker/nextjs-pc-builder

It is a PC Builder website for PC parts and components using Next.js. The website include a PC Builder tool where users can add selected PC components to build their own PC.

eslint next-auth nextjs postcss react react-toastify redux redux-persist redux-toolkit tailwindcss vercel-deployment

Last synced: 26 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: 20 Feb 2025

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

https://github.com/ssschneider/tailwind-practice

Make it Rain! is a non-interactive landing page project developed to practice TailwindCSS.

eslint figma hero-icons nextjs postcss tailwindcss typescript

Last synced: 31 Jan 2025

https://github.com/hazratgs/febox

Сайт студии Febox

javascript postcss react webpack

Last synced: 13 Feb 2025

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

multi-form project

babel7 es6 postcss react-hooks react-icons reactjs webpack4

Last synced: 14 Jan 2025

https://github.com/ohmrr/senior-slideshow

A carousel of senior portraits made for my high school.

nodejs postcss tailwind typescript

Last synced: 17 Feb 2025

https://github.com/matthewbub/css4life

Convert Postcss to CSS via CLI

cli css postcss

Last synced: 20 Jan 2025

https://codeberg.org/fec/postcss-url-mapping

Plugin for PostCSS to transform URLs using a mapping object.

javascript postcss

Last synced: 20 Jan 2025

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

PostCSS plugin to increase the specificity of selectors

css postcss postcss-plugin specificity

Last synced: 07 Feb 2025

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

https://github.com/yarastqt/postcss-theme-fallback

A postcss plugin to adding fallback values for css-variables

css-vars css-vars-fallback postcss postcss-plugin

Last synced: 14 Feb 2025

https://github.com/rencire/typescript-webapp-starter

babel babel-preset-env babel-typescript frontend husky lint-stag postcss postcss-preset stylelint tslint typescript webpack webpack4

Last synced: 09 Jan 2025

https://github.com/elquimista/react-app-suspenders

A React app template

airbnb-eslint create-react-app decorators postcss prettier-eslint react-app-rewired react-router redux redux-actions redux-form redux-persist redux-thunk reselect

Last synced: 31 Jan 2025

https://github.com/alexandremasy/postcss-salt-typography-parser

Salt - Typography Parser utility

postcss postcss-plugin salt

Last synced: 17 Feb 2025

https://github.com/xettri/postcss-remove-duplicate-values

A PostCSS plugin that removes duplicate CSS property values within rules, optimizing stylesheet size and improving maintainability.

css npm-package postcss postcss-plugin

Last synced: 18 Feb 2025

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

github-actions nextjs now-sh postcss storybook tailwindcss

Last synced: 06 Feb 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: 02 Feb 2025

https://github.com/wonderstk/health-advisor

Health Advisor is an AI-powered application that analyzes health information and provides personalized recommendations. It uses the Gemini API to process user-provided symptoms or medical reports and generates insights on possible conditions, recommended exercises, suggested medicines, and dietary advice.

axios gemini-api google-generative-ai javascript postcss reactjs redis redux tailwind-css user-event

Last synced: 04 Feb 2025

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

css npm postcss postcss-plugin

Last synced: 14 Jan 2025

https://github.com/emanuelefavero/postcss

This is a cheat sheet repo for PostCSS

autoprefixer css cssnano postcss postcss-cli postcss-import postcss-preset-env precss sass scss

Last synced: 04 Feb 2025

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

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

browser-sync cache node-sass pdf postcss sass

Last synced: 13 Feb 2025

https://github.com/newset/postcss-stylus

stylus syntax for postcss

css-modules postcss stylus

Last synced: 21 Jan 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: 18 Feb 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: 06 Feb 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: 11 Jan 2025

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

11ty css css-modules eleventy postcss stylesheets

Last synced: 02 Feb 2025

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

Página web con responsive design (mobile first)

cssnext gulp postcss webpack

Last synced: 20 Feb 2025

https://github.com/yash-jivani/heritage-detection

Heritage image Detection UI

css es6 html javascript postcss react tailwindcss

Last synced: 14 Feb 2025

https://github.com/ravesjs/coin-tracker

track your portfolio no-auth

antd atomic-router css-modules effector farfetched feature-sliced-design javascript normalize-css postcss react scss typescript webpack

Last synced: 18 Feb 2025

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

The landing page of the xutul project

heroicons javascript motion postcss reactjs tailwindcss

Last synced: 09 Feb 2025

https://github.com/lynzz/nw-vue-example

element-ui nw nwjs-application postcss vue2

Last synced: 13 Feb 2025

https://github.com/ansershafiq/talentavenue

A business introductory website for a Canadian job recruitment company, to make them a first choice for all job seekers and candidates attracters.

postcss react-router react-router-dom reactjs responsive-layout tailwindcss website-design website-development

Last synced: 05 Feb 2025

https://github.com/liv7c/bookshop-static-version

Static html/css/js version for a wordpress website that is now live.

es2015 es6 gulp postcss responsive-web-design

Last synced: 09 Jan 2025

https://github.com/atomicojs/example-tailwindcss

atomico postcss tailwindcss webcomponents

Last synced: 17 Feb 2025

https://github.com/rafaeldevvv/frontendmentor-ecommerce-product-page

challenge css frontend-mentor html javascript postcss react tailwindcss webpack

Last synced: 18 Feb 2025

https://github.com/milliorn/starbucks-landing-page

Mock landing page using React and Tailwind.

autoprefixer clone css css3 html html-css html-css-javascript html5 landing-page postcss react react-uuid reactjs starbucks starbucks-clone starbucks-landing-page tailwind tailwind-css tailwindcss typescript

Last synced: 07 Feb 2025

https://github.com/kernix13/postcss-demo

Basic setup to using PostCSS

postcss

Last synced: 05 Jan 2025

https://github.com/jatolentino/mediagram

Mediagram, a FB-like platform

apollo axios bootstrap docker elixir figma graphql kubernetes phoenix postcss reactjs redux

Last synced: 18 Feb 2025

https://github.com/dkmfzf/mesto-project-ff

Photo posting service, with the ability to change your profile

api bem css html js postcss profile service webpack

Last synced: 13 Jan 2025

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

css transformer build in rust

css css-generator css-parser postcss postcss-like

Last synced: 17 Jan 2025

https://github.com/kaanguru/clientsidetemplate

SvelteKit Static Site Generation Template

indexeddb postcss skeleton ssg superforms sveltekit tailwindcss

Last synced: 05 Feb 2025

https://github.com/yash-jivani/ens-cryptoweb

Real-time trading status for the top Cryptocurrency

api css cyptocurrency html javascipt livedata postcss react tailwindcss

Last synced: 14 Feb 2025

https://github.com/halo-design/halo-optimus

ಠ_ಠ Scaffolding with the latest react components

babel es2017 eslint express gulp isomorphic-fetch moment nprogress postcss pug react react-redux react-router-v4 redux redux-logger redux-thunk sass socket-io webpack-hot-middleware webpack3

Last synced: 31 Jan 2025

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

https://github.com/jaketrent/test-postcss-import

test postcss-import plugin with esm, conditional exports, webpack5

postcss webpack

Last synced: 23 Jan 2025

https://github.com/winston0410/tailwindcss-absolute-centering

A Tailwindcss plugin to help you center elements with position: relative and position:absolute easily.

postcss tailwindcss tailwindcss-plugin

Last synced: 11 Jan 2025

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

Jekyll + TailwindCSS Starter Template

jekyll postcss purgecss static-site-generator tailwindcss

Last synced: 14 Feb 2025

https://github.com/seyitbugraerden/next14-usersignandblogapp

eslint jwt jwt-auth jwt-token ldrs nextjs nextjs14 pocketbase pockethost postcss react react-cookie react-cookies tailwindcss toast toastify

Last synced: 15 Jan 2025

https://github.com/mishantrop/elenapisarenko

Portfolio website for artist elenapisarenko.ru

nextjs portfolio portfolio-website postcss react tailwind tailwindcss typescript website

Last synced: 14 Feb 2025

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: 17 Feb 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/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: 13 Jan 2025

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

https://github.com/gustavo-victor/hotel-service-page

ReactJS application of a hotel service page

autoprefixer css hotel-homepage hotel-service-page js postcss react reactjs tailwindcss

Last synced: 21 Feb 2025

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

Simple To do list made with Pug

postcss pug type vite

Last synced: 17 Jan 2025

https://github.com/swissgrc/postcss-remove-font-face-format

📦 PostCSS plugin to remove font faces formats

font-face hacktoberfest plugin postcss

Last synced: 29 Oct 2024

https://github.com/daniguardiola/postcss-local-keyframes

PostCSS plugin that makes animations local.

animation css keyframes postcss postcss-plugin

Last synced: 14 Feb 2025

https://github.com/scarfacedeb/brunch-elixir-web

Brunch skeleton for basic elixir frontend

brunch postcss

Last synced: 12 Feb 2025

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/scrum/postcss-envariables

PostCss plugin to use environment variables in CSS

css env envariables postcss postcss-plugin webpack4

Last synced: 02 Feb 2025

https://github.com/shashkovdanil/next-template

Next.js, TypeScript, CSS Modules template

css next nextjs postcss typescript

Last synced: 21 Feb 2025

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

https://github.com/mirzobox/tic-tac-toe-selfmade

Tic, Tac, Toe game. Used min-max algorithm.

daisyui html javascript js-modules min-max-algorithm postcss tailwindcss vitejs

Last synced: 21 Jan 2025

https://github.com/jeffubayi/nyumba

An App that offers arrangements for homestays similar to Airbnb.com

mockup postcss tailwindcss

Last synced: 20 Jan 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: 20 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: 18 Feb 2025

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

https://github.com/minagishl/postcss-obfuscate-custom-properties

This PostCSS plugin replaces the names of custom properties with hard-to-guess characters

obfuscate postcss postcss-plugin typescript

Last synced: 18 Feb 2025

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

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

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

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

css postcss

Last synced: 07 Feb 2025

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

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

https://github.com/jerome1337/tweenfo

Tweenfo is a Twitter complementary application to find statistic about a Twitter account.

postcss rollup sapper svelte3 tailwindcss twitter twitter-api

Last synced: 03 Jan 2025

https://github.com/philipprochazka/web-gallery

A Extremely simplistic Web gallery template. could be used in manny ways, for example I want a photographer Gallery where i could share effordlesly knowing they can't download my creative effords because my pictures are served as a encoded background Inlay.

autoprefixer bootstrap bootstrap5 browsersync chokidar concurrently gallery postcss prettier-eslint pug scss shelljs startbootstrap upath

Last synced: 17 Feb 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: 20 Feb 2025

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

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

https://github.com/jondotsoy/equip-resources-basestyles

Shared resources for component implementation.

css postcss

Last synced: 26 Jan 2025

https://github.com/hentaicracker/aboutme

Aboutme by angular 4

angular angular4 postcss scss typescript webpack2 yarn

Last synced: 09 Feb 2025

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

css form grunt html js just-validate postcss step-by-step

Last synced: 18 Feb 2025

https://github.com/romsendz/ugcc-pokrov-church-v2

A volunteer-driven Next.js project for the UGCC Church in my lovely hometown. Complete rebuild to improve usability, performance, and design. Aims to provide an intuitive and accessible online presence for the church community. Responsive & adaptive

backend external-api nextjs postcss react react-dom reactcontextapi scss ssr tailwindcss typescript

Last synced: 14 Feb 2025

https://github.com/cabrelngamaleu/invest

invest website

clsx eslint framer-motion nextjs14 postcss react use-debounce

Last synced: 20 Feb 2025

https://github.com/jagadeeshvimal/medigaurd

MediGuard is a web application for managing healthcare data, built with TypeScript, Vite, Tailwind CSS, and PostCSS. It features a responsive UI, optimized performance, and modern development tools like ESLint for code quality and Vite for fast builds.

eslint postcss responsive-design security tailwindcss vite web-development

Last synced: 20 Feb 2025

https://github.com/thedroelfi/postcss-responsive-css-values

This PostCSS plugin provides you with a function that allows you to use dynamic values instead of static CSS values, which are automatically reduced from a defined breakpoint.

css css-values postcss postcss-plugin responsive-design responsive-web-design