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/gxlmyacc/build-react-esm-project

a react build command that will transform js/jsx/images/scss/less with gulp-babel/postcss/scss/less plugin, this is a good way to release an NPM package.

babel build-tool esm npm-package postcss react

Last synced: 16 Nov 2024

https://github.com/henriquelimas/babel-rollup-postcss-boilerplate

babel boilerplate postcss rollup

Last synced: 13 Nov 2024

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

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

clear flex postcss

Last synced: 10 Dec 2024

https://github.com/simonpadbury/baselayer-3

A modern starter CSS library with container queries, a real CSS grid system, clamp() powered typography and spacing sizes, color-mix() shade utilities, and custom properties.

cascade-layers color-mix container-queries css cssgrid documentation eleventy-site postcss responsive-layout variables

Last synced: 11 Oct 2024

https://github.com/pchalupa/custom-elements-kickoff

Custom elements kickoff template.

eslint javascript jest jsdoc postcss stylelint

Last synced: 21 Dec 2024

https://github.com/vymalo/api-watcher-ui

UI App for the SMS API Watcher, a Stub server for APIs

cssnano html html5 javascript openapi openapi3 postcss prettier react react-router reactjs redux-toolkit rtk-query scss socket-io tailwindcss toolkit typescript websocket

Last synced: 23 Nov 2024

https://github.com/tolking/postcss-propro

adds and extends some properties

plugin postcss postcss-propro

Last synced: 16 Dec 2024

https://github.com/charliewilco/wilco

📐Opinionated Linting for CSS

css linting postcss stylelint

Last synced: 14 Nov 2024

https://github.com/the-holocron/threepio

The protocol droid.

babel babel-preset browserslist browserslist-config commitlint commitlint-config eslint eslint-config jest-preset lerna lint-staged-config markdownlint markdownlint-config monorepo postcss postcss-config semantic-release-config storybook-config stylelint-config webpack-config

Last synced: 18 Oct 2024

https://github.com/devbyray/raymonschouwenaar-blog

RaymonSchouwenaar.nl blog

asset-pipeline boilerplate gulp hugo netlify postcss static-site static-site-generator victor-hugo webpack

Last synced: 13 Nov 2024

https://github.com/justforuse/postcss-learn

postcss

Last synced: 15 Nov 2024

https://github.com/creaworks-labs/postcss-react-bender

PostCSS plugin to process react-bender styling features with scss like syntax.

css-in-js cssnext postcss postcss-plugin react-native styled-components stylesheet

Last synced: 23 Dec 2024

https://github.com/rbelling/postcss-safe-curly-braces

PostCSS plugin to transform '}}' in '} }'

css handlebars postcss postcss-plugin vuejs

Last synced: 15 Nov 2024

https://github.com/hrynevychroman/vue-start

Transforming Vue projects with boundless creativity.

commitlint eslint i18n pnpm postcss tailwindcss typescript unplugin vite vue vueuse

Last synced: 27 Dec 2024

https://github.com/thenamevishnu/night-owl-client

(in progress) Night Owl is the ultimate freelance platform for connecting businesses with top-tier developers. Find the perfect developer for your project, benefit from secure transactions, and ensure successful collaboration.

axios css eslint jwt-authentication postcss reactjs tailwindcss vite

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

https://github.com/darrenjacoby/postcss-root-parse-var

Parse a custom property from `:root` or another selector to a static value

css postcss postcss-plugin postcss-root-parse-var

Last synced: 19 Nov 2024

https://github.com/lh0x00/liser

functional css help to optimizing design work and building responsive websites. liser help you create the module contains the css properties you need to use quickly and lightest!

ciser css design functional liser modules postcss reponsive style

Last synced: 09 Dec 2024

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

https://github.com/jorgeatgu/gulp-postcss

:small_red_triangle: Empezando a trabajar con postCSS en Gulp

blog css postcss

Last synced: 06 Jan 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/pomeluce/rapidify-vue

Scaffolding for rapid front and back development based on vue naive-ui pinia typescript

flx mockjs naive-ui pinia postcss tailwindcss typescript vitejs vue-router vue3

Last synced: 21 Nov 2024

https://github.com/devniel/derb

Devniel's Express and React Boilerplate

boilerplate express hot-module-replacement postcss react reactjs webpack2

Last synced: 13 Nov 2024

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

https://github.com/hrfmmymt/iiyatsu

a hrfmmymt's weblog.

fastify nodejs postcss pwa service-worker typescript vercel

Last synced: 17 Nov 2024

https://github.com/mariannav/success

ci-cd gulp js linters postcss pugjs

Last synced: 26 Dec 2024

https://github.com/johnwatkins0/postcss-javascript-mixins

Write CSS mixins in Javascript.

css css-in-js js postcss

Last synced: 13 Nov 2024

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

PostCSS plugin to add a collection of mixins, helpers related to font management for you CSS.

postcss postcss-plugins salt salt-plugins

Last synced: 26 Dec 2024

https://github.com/rafaeldevvv/pokon

Pokón is a fan-made website showcasing part of the Pokémon data available in the PokéAPI.

eslint nextjs pokeapi pokedex pokemon postcss react tailwindcss typescript

Last synced: 27 Dec 2024

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/gugadev/styled-react-ts

Minimal boilerplate for React, Styled-JSX and Typescript.

css postcss react styled-components styled-jsx typescript

Last synced: 26 Dec 2024

https://github.com/glauberramos/travel-planner

Simple website to create travel plans

cssmodules express nodejs postcss react redux sequelize

Last synced: 06 Dec 2024

https://github.com/francoisromain/system.css

A minimal CSS boilerplate

css grid-system postcss typescale

Last synced: 17 Nov 2024

https://github.com/rfarine/giphy

A simple search application using the Giphy API

babel cssmodules enzyme karma mocha phantomjs postcss react reactjs redux sass webpack webpack2

Last synced: 06 Dec 2024

https://github.com/awayken/2017-christmas-card

ESCAPE from the MAZE PLANET

christmas-card nuxt postcss showcase vue

Last synced: 28 Nov 2024

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

Solution for the AIMO challenge 🤓

github-api nextjs postcss tailwindcss typescript

Last synced: 13 Dec 2024

https://github.com/braswelljr/hit

Hive Institute Website

autoprefixer nextjs postcss react tailwindcss vercel

Last synced: 15 Dec 2024

https://github.com/imedadel/styled-lostgrid

[WIP] Port of Lost-Grid to Styled-Components

lost-grid postcss react styled-components

Last synced: 26 Dec 2024

https://github.com/ezavile/react-ts

Start your project using React, TypeScript and PostCSS

postcss react typescript webpack

Last synced: 27 Dec 2024

https://github.com/ezavile/postcss-typescript-kickstart

Simple boilerplate to kick start your new PostCSS plugin with TypeScript

boilerplate kickstart postcss postcss-plugin typescript

Last synced: 27 Dec 2024

https://github.com/daveinchy/simple-react-template

This is a alternative to CRA and implements TailwindCSS with PostCSS and Webpack. You are not bound to `react-script` to configure the app, and thus its fully customizable

css postcss react tailwindcss webpack

Last synced: 02 Jan 2025

https://github.com/kimulaco/postcss-amp-custom

PostCSS plugin to optimize CSS source for AMP HTML.

amp amp-html postcss

Last synced: 03 Jan 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/octet-stream/tailwindcss-device

TailwindCSS plugin to add variants for input device detection using `@media` queries

media-queries postcss tailwindcss tailwindcss-plugin

Last synced: 07 Nov 2024

https://github.com/interglobalmedia/letsbcoding

Fully functional site, but still a bit of a work in progress. Check it out!

automated-git-deployments composer environment-variables modern-javascript npm npm-scripts npmjs php7 phpcs phpdotenv plugin-creation postcss sass siteground wordpress wordpress-custom-theme wordpress-development wordpress-scripts wordpress-theme workflow-refactor

Last synced: 02 Dec 2024

https://github.com/aholachek/basic-postcss-setup

A simple npm scripts-powered set up for experimenting with Shoelace.css and postcss in general

postcss shoelacecss starter-template

Last synced: 05 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/mohamedsamara/react-ssr-app

:star: React Application with Server Side Rendering

babel eslint husky lint-staged postcss prettier progressive-web-app react server-side-rendering service-worker single-page-applications tailwindcss webpack workbox

Last synced: 03 Jan 2025

https://github.com/deep-impact-ag/react-ts-client

React-TS-Client is minimal client side React boilerplate with support for hot module reload, TypeScript and up-to-date dependencies.

boilerplate client-side cssmodules postcss react typescript webpack

Last synced: 01 Oct 2024

https://github.com/mohamedsamara/react-node-typescript

Fullstack TypeScript Template

node postcss pwa react sass typescript webpack workbox

Last synced: 03 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: 19 Dec 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/thoughtbit/cssplus-preprocessor

:cyclone: A future-facing CSS preprocessor for working with cssplus

cli postcss preprocessor

Last synced: 14 Dec 2024

https://github.com/joyontokarmakar/tailwind-css-starter-pack

postcss starter-pack tailwindcss

Last synced: 04 Dec 2024

https://github.com/melhosseiny/get-rhythm

PostCSS plugin to generate vertical rhythm using a modular typographic scale

deno postcss typography

Last synced: 22 Nov 2024

https://github.com/melhosseiny/es-starter-kit

Starter kit for web projects

babel browserslist ecmascript express javascript postcss webpack

Last synced: 22 Nov 2024

https://github.com/alexandrecpedro/rocketseat-event-platform

Rocketseat event platform (video content)

apollo apollo-client figma graphcms graphql postcss react rocketseat rocketseat-ignite tailwind tailwindcss typescript vite vitejs

Last synced: 03 Jan 2025

https://github.com/alexandrecpedro/habits-setup

Habits platform for web and mobile - NLW Setup

expo fastify figma ignite-rocketseat nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript

Last synced: 03 Jan 2025

https://github.com/alexandrecpedro/world-cup-polls

World Cup Polls platform for web and mobile - NLW World Cup

expo fastify figma google-fonts ignite-rocketseat jwt nextjs nodejs oauth2 phosphoricons postcss prisma react react-native reactnavigation rocketseat sqlite3 tailwindcss typescript worldcup

Last synced: 03 Jan 2025

https://github.com/alexandrecpedro/esports

eSports platform for web and mobile - NLW eSports

esports expo express expressjs figma hoppscotch nodejs phosphoricons postcss prisma react react-native reactnavigation rocketseat-nlw sqlite3 tailwindcss twitch twitch-api typescript vite

Last synced: 03 Jan 2025

https://github.com/melhosseiny/vue-starter-kit

Starter kit for Vue 2 projects

babel jest postcss vue vuerouter vuex webpack

Last synced: 22 Nov 2024

https://github.com/giacomoferretti/postcss-color-rgb-tailwind

PostCSS plugin to transform modern CSS Color Module Level 4 to legacy CSS Color Module Level 3.

postcss postcss-plugin tailwindcss

Last synced: 15 Dec 2024

https://github.com/sugarcoat/sugarcoat-example-project

Sugarcoat Example Project

css cssnext documentation jsdoc less library living living-documentation pattern pattern-library postcss sass styleguide

Last synced: 26 Nov 2024

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

https://github.com/gsoft-inc/wl-web-configs

Shared configurations for building web applications at Workleap.

browserslist eslint postcss stylelint swc tsup typescript webpack

Last synced: 18 Oct 2024

https://github.com/timscodebase/design-tim

This is my personal website.

html-css-javascript postcss svelte sveltekit typescript

Last synced: 02 Dec 2024

https://github.com/aggutierrez98/aggutierrez-portfolio

cssmodules framer-motion nextjs personal-website postcss react typescript

Last synced: 28 Nov 2024

https://github.com/codyjasonbennett/next-postcss

🧰 PostCSS for Next.js

css nextjs postcss react webpack

Last synced: 06 Dec 2024

https://github.com/franekstein/react-ts-starter

Modern React & Typescript boilerplate.

cssmodules postcss react sass typescript webpack

Last synced: 28 Nov 2024

https://github.com/frontendweb3/blogpost

Blog post is simple lightweight html template for blog build with tailwindcss

css html html-css html-template html5 postcss postcss-cli tailwindcss

Last synced: 22 Dec 2024

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

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

Import CSS styles from NPM modules using PostCSS.

css duplicate-imports postcss

Last synced: 19 Dec 2024

https://github.com/vedhatech002/we-cook

a food delivery like app, it shows restarunts list based on location. using swiggy API

food-app food-delivery-application food-ordering postcss react react-dom react-hooks react-router react-routing restaurant-website restaurants swiggy-api tailwindcss

Last synced: 04 Jan 2025

https://github.com/bush1d3v/diverti_lembrete_front

O DivertiLembrete é uma aplicação de lembretes, feita para criar lembretes baseados nos enviados pelo usuário, os pré-processando com a Openai apartir de uma emoção requisitada ao usuário.

bun css html javascript pinia postcss shadcn-vue tailwindcss typescript vite vue

Last synced: 27 Dec 2024

https://github.com/jakesidsmith/watch-less-do-more

Watch less files and their dependency tree for changes & automatically recompile

css dependency-tree less postcss postcss-modules recompile watch watcher

Last synced: 28 Oct 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: 19 Dec 2024

https://github.com/ynaka6/nakamu.me

My profile site

netlify nuxtjs postcss tailwindcss

Last synced: 21 Dec 2024

https://github.com/ningbonb/postcss-comn

PostCSS入门与配置

notes postcss

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

https://github.com/fboulnois/sveltekit-template

A SvelteKit 2 and Tailwind CSS template with a few other defaults.

eslint playwright postcss prettier svelte sveltekit sveltekit-tailwindcss sveltekit-template tailwindcss typescript vitest

Last synced: 29 Dec 2024

https://github.com/keidrun/boilerplate-react

Boilerplate of React with Webpack.

boilerplate css css3 flow flow-typed flowtype postcss react react16 webpack webpack2

Last synced: 23 Nov 2024

https://github.com/madebywild/wildplate

An opinionated, modern post-gulp-era toolkit tailored for visual-heavy microsites and less for data-driven apps.

boilerplate css-modules imagemin microsite postcss react scss toolkit webpack2

Last synced: 26 Sep 2024

https://github.com/nju33/postcss-octicon

Postcss plugin for octicons

base64 icons octicon postcss postcss-plugin svg

Last synced: 22 Nov 2024

https://github.com/sakilk130/nextjs-13-boilerplate

🚀🚀🚀 Boilerplate and Starter for Next.js 13+, Tailwind CSS & TypeScript Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Cypress + Commitlint + VSCode + PostCSS + Tailwind CSS

boilerplate boilerplate-front-end boilerplate-template eslint jamstack js-boilerplate next-js next-js-template next-theme nextjs postcss seo starter-kit starter-template static-site static-site-generator tailwind-css tailwindcss typescript

Last synced: 01 Dec 2024

https://github.com/fuckdoctors/my-vue2-elm

基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用。原项目地址：https://github.com/bailicangdu/vue2-elm

code-splitting postcss vue vue-cli vue-router vue2 vuex

Last synced: 08 Oct 2024

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

A PostCSS plugin to correct font-family values

css font-family postcss

Last synced: 17 Dec 2024

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