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-14 00:19:16 UTC
JSON Representation

https://github.com/kristerkari/react-native-typed-postcss-transformer

PostCSS transformer with Typescript support for React Native

css loader postcss react-native transformer typescript

Last synced: 14 Feb 2025

https://github.com/kanopi/kanopi-pack

Consolidated package management and configuration profiles for Webpack based projects

do-not-archive eslint internal-tool postcss stylelint webpack

Last synced: 13 Dec 2024

https://github.com/lamualfa/postcss-minion

Using PostCSS as Minion Extractor

minion minion-extractor postcss postcss-plugin

Last synced: 01 Jan 2025

https://github.com/ezavile/postcss-text-transform

A PostCSS plugin to transform the text

capitalize lowercase postcss postcss-plugin text text-transformations transform uppercase

Last synced: 23 Jan 2025

https://github.com/ricardobeat/taks

Minimalistic ES7 async/await task runner

build grunt gulp postcss rollup task-runner tasks tasks-automation tool

Last synced: 01 Jan 2025

https://github.com/arpitgo4/react-redux-scaffold

Scaffolding for frontend only applications with React-Redux.

babel css-modules css3 docker eslint express html nginx nodejs postcss postcss-plugins react-hot-loader-3 react-redux react-router reactjs redux redux-thunk webpack webpack-dev-middleware webpack-hot-middleware

Last synced: 01 Jan 2025

https://github.com/hungpm372/nextjs-boilerplate

Boilerplate and Starter for Next.js 14+ with App Router and Page Router support, Tailwind CSS 3.4 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS

boilerplate docker javascript nextjs nodejs postcss shadcn-ui tailwindcss typescript

Last synced: 12 Oct 2024

https://github.com/yeojz/create-react-app-postcss-starter

Example setup for PostCSS using create-react-app without running eject

create-react-app postcss react starter

Last synced: 25 Dec 2024

https://github.com/alekseypleshkov/postcss-adaptive-size

PostCSS plugin for create adaptive size

postcss postcss-adaptive-size postcss-plugin

Last synced: 26 Dec 2024

https://github.com/magsout/magsout.com

magsout personal website

personal-website personal-website-homepage postcss prettier

Last synced: 02 Jan 2025

https://github.com/thoughtbit/postcss-simple-utils

:cyclone: PostCSS插件，基础工具库

postcss postcss-plugins

Last synced: 10 Jan 2025

https://github.com/fantasyui-com/larceny

Transport select remote CSS declarations into the rule of a local css file (Select and inject remote CSS code into your local CSS file). [CLI, CSS, Web Design, PostCSS]

cli npx postcss

Last synced: 11 Jan 2025

https://github.com/sparkbox/splinter

🐭 Parse and split SCSS files based on functions and mixins.

ast postcss scss

Last synced: 13 Jan 2025

https://github.com/milliorn/cryptocurrency-list

Web application built with React, showcasing a list of cryptocurrencies along with their details.

autoprefixer axios cryptocurrencies cryptocurrency cryptocurrency-exchanges dompurify postcss react react-icons react-lazy-load-image-component react-router-dom reactjs tailwind tailwind-css tailwindcss tailwindui

Last synced: 12 Jan 2025

https://github.com/semanticdata/svelte-milkdown

🥛 Simple example for using Svelte with Milkdown, a plugin driven WYSIWYG markdown editor framework.

example markdown markdown-editor milkdown postcss svelte tailwindcss typescript

Last synced: 18 Jan 2025

https://github.com/milliorn/web-browser-chat-app

Simple messenger app through the web browser.

autoprefixer css firebase firebase-auth firebase-database firebase-hooks html html-css html-css-javascript js jsx postcss react react-google-button react-hooks reactjs tailwind tailwind-css tailwindcss tailwindui

Last synced: 07 Feb 2025

https://github.com/hwantage/postcss-delete-duplicate-selector

PostCSS plugin delete duplicate css selector in the file

npm-package postcss postcss-plugin

Last synced: 24 Jan 2025

https://github.com/shahadat3669/portfolio

Welcome to my Portfolio! It showcases my skills, projects, and contributions as a developer, demonstrating my proficiency with cutting-edge technologies and best practices in software development. As a developer, I excel in React, Next.js, Tailwind CSS, TypeScript, ESLint, Prettier, Husky, and Jest. Explore my diverse projects and contributions! 🚀

commitlint eslint husky jest lint-staged nextjs postcss prettier reactjs tailwindcss testing-library typescript

Last synced: 27 Jan 2025

https://github.com/bush1d3v/navarro_blog_front

The Navarro Blog API is built on high scalability and performance, implementing queues, cache banks, CI/CD jobs, automated code and dependency analysis, and a focus on testing and documentation.

actions biomejs bun cypress docker mitt nodejs nuxt pinia postcss shadcn-vue storybook tailwindcss typescript vitest vue vueuse

Last synced: 20 Jan 2025

https://github.com/sebastian-software/edgeapp

[UNMAINTAINED] A boilerplate for your own application demonstrating the power of EdgeStack.

boilerplate graphql-client jest postcss redux storybook webpack webpack2

Last synced: 25 Jan 2025

https://github.com/mayank99/remix-djent-stack

Remix stack with basic postcss-preset-env, code formatting, linting etc

netlify postcss remix-stack

Last synced: 14 Nov 2024

https://github.com/tiagom13/pokedex

Aplicação em ReactJS, este projeto é uma pokedex do anime de Pokémon, consite na listagem de pokémons.

axios pagination phosphor-react pokeapi postcss react-helmet react-hooks react-icons react-loading-skeleton react-modal react-test react-testing-library reactjs tailwindcss typescript

Last synced: 31 Jan 2025

https://github.com/jlozovei/wordpress-boilerplate

WordPress theme simplified boilerplate with gulp.js + PostCSS + es2015

boilerplate es2015 gulp postcss wordpress wordpress-boilerplate

Last synced: 13 Jan 2025

https://github.com/thoughtbit/postcss-cssplus

:cyclone: PostCSS 插件包，一个现代的、灵活的、优雅的 CSS 处理器。

postcss postcss-plugins

Last synced: 07 Feb 2025

https://github.com/stuymedova/svelte-scss

[DEMO] Getting to know SCSS

autoprefixer carbon-design-system postcss sass scss svelte

Last synced: 09 Jan 2025

https://github.com/lordpluha-zz/devgulp

Creating gulpfile strater-project, based on newest stable trends

css gulp gulp-plugins gulp-sass gulp-starter gulp-tasks gulp4 gulpjs html html5 html5-css3 html5-framework javascript node-js nodejs php postcss scss stylelint

Last synced: 17 Jan 2025

https://github.com/nafizpervez/payme

a Responsive Payment Application Based on Flutter and Laravel

api-rest axios bootstrap5 flutter flutter-app flutter-getx flutter-web laravel-framework php-library postcss qrcode-scanner sass vuejs

Last synced: 08 Jan 2025

https://github.com/keqingrong/postcss-font-family-correction

A PostCSS plugin to correct font-family values

css font-family postcss

Last synced: 09 Feb 2025

https://github.com/rumenpetrov/frontend-starter-kit

Minimal frontend only boilerplate that includes zurb panini, postcss, babel and gulp.

architecture automation babel boilerplate frontend gulp panini postcss starter-kit zurb-panini

Last synced: 14 Jan 2025

https://github.com/rasulwebs/mongodb-starter

First step integrated using Atlas platform using MongoDB database through Vercel. This makes FullStack projects easier and more convenient.

atlas css dotenv mongodb next nextauth postcss react tailwindcss typescript vercel

Last synced: 12 Feb 2025

https://github.com/dormanator/colorful-calculator

A calculator with colorful animated feedback powered by Paper.js. Colors flash based on number inputs to calculator and the results obtained. A list of past calculations allows you to input past results into equations.

gulpjs html javascript paperjs postcss

Last synced: 15 Nov 2024

https://github.com/bernardomennndes/routine-planner

Projeto desenvolvido durante a oficina de introdução ao React.js, durante o evento da semana do programador Unicoder.

postcss radix-ui react tailwindcss typescript vite zod

Last synced: 12 Feb 2025

https://github.com/bigcui/postcss-px2scale

把px转成一个动态变量rpx

postcss px2rpx

Last synced: 22 Jan 2025

https://github.com/sumingcheng/moduvue

基于Webpack5和Vue3的框架，提供了许多常用的功能和工具，可以帮助快速搭建一个高效、可扩展和易维护的Web应用程序。

autoprefixer axios babel crypto dayjs echats element-plus gulp js-cookie less loadsh postcss prettier vue-router vue3 vuex webpack-analyzer webpack5

Last synced: 11 Jan 2025

https://github.com/mitulagr2/phraseshift

A user-friendly transcript editor.

bun jest postcss react tailwindcss transcription typescript

Last synced: 27 Dec 2024

https://github.com/harinathlee/ford-app

This is repo where we try to figure out the architecture, folder structure and dependencies that we need to follow in the initial state of Ford project development.

eslint jest js postcss react rtk rtk-query rtl tailwindcss vitest vitest-ui

Last synced: 12 Feb 2025

https://github.com/calvinkarundu/cssqueeze

A CLI wrapper for cssnano

cli css cssnano minify optimization optimize-css-files postcss

Last synced: 27 Dec 2024

https://github.com/koval01/tonview-svelte

Ton explorer on Svelte with Framework7

cloudflare-pages framework7 javascript notcoin postcss svelte sveltejs tailwind tailwindcss telegram ton toncoin typescript vite

Last synced: 10 Feb 2025

https://github.com/ivankprod/mxm-shopper

Shopper landing

babel env html js postcss sass scss webpack

Last synced: 30 Dec 2024

https://github.com/alex-kinokon/postcss-light-dark

PostCSS implementation of light-dark() function

postcss

Last synced: 12 Jan 2025

https://github.com/bush1d3v/solidity-todo-app

Solidity Todo App is an solidity study project, integrated with web3 and vue.js.

biomejs bun css ethereum ganache ganache-ui html javascript metamask postcss remix shadcn-vue solidity tailwindcss truffle typescript vite vuejs web3 web3js

Last synced: 16 Jan 2025

https://github.com/axshatind/synnextial

A Collaborative/Personal-Workspace designed to streamline team communication, document management, and project coordination. Inspired by modern tools, SynnexTial aims to provide a seamless, intuitive experience for teams working in fast-paced environments.

api firebase firestore firestore-database formik git gsap nextjs postcss redux tailwindcss

Last synced: 22 Jan 2025

https://github.com/adenugbamichael/portfolio-site

✨ My portfolio site built with nextjs 13/react js and typescript

nextjs pnpm postcss tailwindcss typescript

Last synced: 24 Jan 2025

https://github.com/garthdb/postcss-npm

Import CSS styles from NPM modules using PostCSS.

css duplicate-imports postcss

Last synced: 12 Feb 2025

https://github.com/voightco/static-site-starter

A boilerplate for building static websites using 11ty

11ty boilerplate eleventy postcss starter-kit static-site static-site-generator

Last synced: 26 Jan 2025

https://github.com/rencire/react-css-module-starter

babel css css-modules es6 hmr postcss react react-hot-reload webpack

Last synced: 09 Jan 2025

https://github.com/biril/modcss

Modular CSS with postCSS and npm scripts

css css-modules example npm-scripts postcss tutorial

Last synced: 07 Feb 2025

https://github.com/roose/wox-postcss-search

Search PostCSS plugin

nim postcss wox wox-plugin wox-postcss-search

Last synced: 12 Nov 2024

https://github.com/shreyasarker/socialuxe

Social Media App using React and Sanity

crypto-js js-cookie jwt-decode postcss reacrjs react-icons react-loader-spinner react-masonry-css react-oauth-google react-router-dom sanity sanity-image-url tailwindcss uuid

Last synced: 08 Feb 2025

https://github.com/saionaro/postcss-transform-pxvw

The postcss plugin which allows using pixels for responsive layouts

css postcss postcss-plugin responsive

Last synced: 28 Jan 2025

https://github.com/yazeedobaid/my-laravel-setup

My Laravel Project setup

eslint jest laravel laravel-setup postcss tailwindcss vue

Last synced: 28 Dec 2024

https://github.com/antinmaze/nextjs-supabase-auth-starterkit

🔥 Next.js 1.4 Starterkit using Supabase (Auth and Database), Tailwind CSS 3.4, TypeScript and Vitest for unit testing based on the 🚀 NextJSTemplates Next.js Tailwind Startup Template

cypress google-authentication nextjs nextjs14 oidc postcss supabase supabase-auth tailwindcss typescript vitest

Last synced: 27 Dec 2024

https://github.com/boddepallyvenkatesh06/employee-entry-full-stack

Welcome to the Employee Entry Website repository! This project empowers employees to easily fill out and submit their information through a user-friendly form

nodejs-s3 postcss reractjs tailwindcss

Last synced: 16 Jan 2025

https://github.com/karsanda/postcss-indonesian-stylesheets

Write your CSS in Indonesian

bahasa bahasa-indonesia css fun indonesia indonesian indonesian-language joke postcss postcss-plugin

Last synced: 16 Jan 2025

https://github.com/charliewilco/wilco

📐Opinionated Linting for CSS

css linting postcss stylelint

Last synced: 14 Jan 2025

https://github.com/shrpne/postcss-clear-flex

Delete webkit flex prefixes to prevent wrong order in the Autoprefixer output.

clear flex postcss

Last synced: 04 Feb 2025

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

https://github.com/doinel1a/vite-react-ts-starter

Start a ReactJS Web App, SPA, website or landing page using TypeScript, Tailwind CSS, ESLint, Husky Vite, SWC and much more, in JUST 30 seconds, without the hassle of setting up your dev environment.

boilerplate boilerplate-template eslint husky playwright postcss react react-ts react-typescript sass starter starter-template swc tailwind tailwind-css tailwindcss template templates typescript vite

Last synced: 07 Nov 2024

https://github.com/thenamevishnu/black-board

Developed a blackboard for creative expression and interactive content, making it a valuable tool for artistic and educational purposes.

canvas eslint postcss reactjs tailwindcss vite

Last synced: 12 Jan 2025

https://github.com/azmy60/ci4-rollup-postcss-tailwind

A simple todo list app with CodeIgniter 4, Rollup.js, PostCSS, and Tailwind CSS v3

codeigniter4 postcss rollupjs tailwindcss todolist

Last synced: 03 Feb 2025

https://github.com/buddye/postcss-remove-important

PostCSS cleanup plugin to strip !important for AMP compatible CSS

postcss postcss-plugin

Last synced: 10 Jan 2025

https://github.com/silvermine/postcss-css-var-fallback

PostCSS plugin to insert fallbacks for CSS Custom Properties

css css-custom-properties css-variables postcss

Last synced: 14 Nov 2024

https://github.com/tomchochola/browser-webpack-typescript-app-template

The Browser Webpack TypeScript App Template is a comprehensive solution for building modern browser-based applications with TypeScript and Webpack. With a pre-configured setup for TypeScript, PostCSS, Stylelint, and Prettier, this template offers an optimal starting point to streamline your frontend development process.

eslint javascript nodejs postcss premierstacks prettier stylelint template tomchochola typescript webpack

Last synced: 19 Nov 2024

https://github.com/imerkle/mobx-react-typescript-webpack-i18n-mst-antd

🍽 boilerplate for mobx , react, typescript, webpack, i18n, antd, mobx state trees,

antd boilerplate i18n mobx mobx-state-tree postcss react react-router-v4 typescript webpack yarn

Last synced: 11 Jan 2025

https://github.com/birdofpreyru/postcss-icss

PostCSS plugin to process CSS modules and extract tokens

css css-modules javascript modules plugin postcss web

Last synced: 20 Jan 2025

https://github.com/fmanimashaun/skilled-elearning-landing-page

his is a solution to the [Skilled e-learning landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/skilled-elearning-landing-page-S1ObDrZ8q). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

frontendmentor-challenge html5 mobile-first postcss scss webpack5

Last synced: 10 Feb 2025

https://github.com/kelvin-mai/image-hub

A Instagram-like web application made in the MERN stack

express instagram mongodb nodejs postcss react

Last synced: 01 Jan 2025

https://github.com/jlozovei/loaderscss

Simple + awesome css-only crafted loaders

css loaders postcss

Last synced: 13 Jan 2025

https://github.com/jamiller619/tachyons.js

Tachyons helper function for JavaScript. Built with PostCSS Modules.

css css-in-js css-modules postcss postcss-modules tachyons tachyons-css

Last synced: 12 Feb 2025

https://github.com/seniorjoinu/react-frontend-skeleton

Don't waste your time

ajax babel boilerplate easy easy-to-use frontend generator javascript minimal minimalistic postcss react react-redux-router redux sass simple skeleton template webpack

Last synced: 16 Jan 2025

https://github.com/bntzio/reaction

A super simple yet powerful react + redux boilerplate

babel boilerplate eslint karma mocha postcss react redux webpack

Last synced: 30 Dec 2024

https://github.com/songsterr/postcss-remove-all-at-rules

PostCSS plugin to remove all of the at-rules

at-rule cleanup css postcss postcss-plugin

Last synced: 12 Jan 2025

https://github.com/lovetingyuan/vue-flags-webpack-plugin

Remove useless code by setting flags(toggles) in vue (or without vue) project

feature-flags features flags optimization plugin postcss toggle vue webpack

Last synced: 09 Feb 2025

https://github.com/anyiee/less-plugin-preset-env

postcss-preset-env plugin for less.js

less less-plugin postcss postcss-preset-env

Last synced: 22 Jan 2025

https://github.com/danielbayley/atom-source-preview-postcss

:atom: @Atom source-preview provider for @PostCSS.

apm atom coffeescript css editor package plugin postcss preprocessor preview source

Last synced: 12 Feb 2025

https://github.com/jeff2ma/postcss-decls-ref

A PostCSS plugin that extend declaration block from an existed rule with target selector (like sass`@extend`).

css declaration extend postcss postcss-plugin ref sass

Last synced: 09 Feb 2025

https://github.com/winston0410/postcss-sparrow-props-filter

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

postcss postcss-sparrow

Last synced: 28 Oct 2024

https://github.com/chandraprakash-bathula/hunger-bites-restaurant_app

A React.JS Application with live API data from SWIGGY.

babel css html javascript jsx parcel postcss react-hooks react-js react-router tailwindcss

Last synced: 09 Feb 2025

https://github.com/y-solb/diary

그림 일기장

firebase postcss react

Last synced: 07 Feb 2025

https://github.com/aras-ax/postcss-vars-process

PostCSS plugin to extract and replace variables from css, support legal custom format variables

css-variables extract extract-values postcss

Last synced: 05 Nov 2024

https://github.com/hrfmmymt/iiyatsu

a hrfmmymt's weblog.

fastify nodejs postcss pwa service-worker typescript vercel

Last synced: 17 Jan 2025

https://github.com/fylgja/examples

Functional examples for using Fylgja with popular tools and frameworks.

fylgja parceljs postcss scss vite webpack webpack-encore

Last synced: 29 Jan 2025

https://github.com/halilatilla/todo-up

Todo-Up

drag-and-drop eslint husky lint-staged nextjs postcss prettier react tailwindcss typescript

Last synced: 22 Jan 2025

https://github.com/atakantepe/tailwindcss-parser

A utility tool for parsing Tailwind CSS output files into structured JSON files using PostCSS. Originally developed for the TailwindCSS Cheat Sheet project.

css-parser json postcss tailwind-css utility-tool web-development