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-16 00:23:57 UTC
JSON Representation

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

autoprefixer crud crud-application postcss react react-icons react-timer reactjs sweetalert sweetalert2 tailwind tailwind-css tailwindcss tailwindcss-ui task task-list tasklist uuid

Last synced: 14 Dec 2024

https://github.com/aleksandrpolishchuk/ticketierapp

Frontend part of App for sell tickets

nextjs13 postcss react tailwindcss typescript

Last synced: 04 Jan 2025

https://github.com/abelnnieva/iechamberi.org

Website for a Christian assembly featuring marketing components and sections, built with Nuxt 2, Apollo Client, PostCSS, and Chakra UI Vue.

apollo-client chakra-ui nuxt2 postcss vue2

Last synced: 20 Nov 2024

https://github.com/amansuryavanshi-1/namaste_react

Namaste React live course By Akshay Saini.

emailjs html javascript json-api npm parcel postcss react react-icons react-router-dom tailwind-css vercel

Last synced: 20 Nov 2024

https://github.com/nishathub/master_boiler_plate

HTML Front-End Boiler Plate : Enriched with a common setup(scss, sass, postcss etc.), editable to begin a new project

boilerplate css html postcss postcss-config scss

Last synced: 15 Nov 2024

https://github.com/lukmanrambe/mubaaz-project

Mubaaz Project - (dev : https://mubaaz-dev.vercel.app/)

eslint husky nextjs postcss prettier react-datepicker react-hook-form react-query react-select reactjs tailwindcss typescript

Last synced: 17 Dec 2024

https://github.com/solodynamo/postcss-presentation

Postcss 2k17

css js postcss

Last synced: 18 Nov 2024

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

https://github.com/simmzl/ele

Vue.js 2.0 仿饿了么Web APP

better-scroll es6 eslint postcss stylus vue webpack

Last synced: 18 Nov 2024

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

PostCSS plugin that makes animations local.

animation css keyframes postcss postcss-plugin

Last synced: 31 Oct 2024

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

Basic setup to using PostCSS

postcss

Last synced: 05 Jan 2025

https://github.com/nishathub/lawyer-landing-page

A lawyer portfolio responsive website with night-mode

html5 lawyer-and-law-agency portfolio-website postcss scss

Last synced: 15 Nov 2024

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/milliorn/travel-agency

Mobile responsive site using React and Tailwind

autoprefixer gh-pages postcss react react-icons reactjs tailwind tailwind-css tailwindcss tailwindui travel-agency travel-website ts tsx types typescript

Last synced: 14 Dec 2024

https://github.com/milliorn/tea-cozy

Template done in Tailwind UI using GatsbyJS

autoprefixer css gatsby gatsby-site gatsby-starter gatsbyjs html html-css html-css-javascript html5 javascript js jsx postcss preact tailwind tailwind-css tailwindcss template

Last synced: 14 Dec 2024

https://github.com/peter-roh/parcel-experiments

Setting up a professional React project with Parcel as a code bundler.

babel javascript js nomadcoder parcel postcss scss typographyjs

Last synced: 20 Nov 2024

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/roma-glushko/landing-boilerplate

A simple boilerplate with Twitter Bootstrap 3, Grunt, LESS on board. Production and Developer modes for assets and it's ready to go!

boilerplate bootstrap3 grunt html5 less modernizr postcss

Last synced: 19 Dec 2024

https://github.com/imjaroiswebdev/jartravels-site

gulp html-css postcss responsive

Last synced: 01 Dec 2024

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

https://github.com/andre-araujo/weather-app

A simple app to do Weather forecast world-wide using Parceljs and ReactJs

docker lesscss nodejs parcel-bundler postcss reactjs

Last synced: 18 Nov 2024

https://github.com/pvdlg/karma-postcss-preprocessor

Karma preprocessor to compile css files with postcss with sourcemap and watch support

karma karma-plugin karma-preprocessor postcss sourcemaps watcher

Last synced: 24 Nov 2024

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

Brunch skeleton for basic elixir frontend

brunch postcss

Last synced: 19 Dec 2024

https://github.com/avigoldman/postcss-hex-format

PostCSS plugin to format hexadecimal colors

color css format hex hexadecimal postcss

Last synced: 18 Nov 2024

https://github.com/avigoldman/postcss-colornames-to-hex

PostCSS plugin to convert color names to hexadecimal values

colornames colors hexidecimal plugin postcss

Last synced: 18 Nov 2024

https://github.com/franmc01/react-citas-app-2.0

Es una versión de una de las primeras aplicaciones que hice cuando aprendí Reactjs.

eslint postcss prettier react tailwindcss-v3 vitejs

Last synced: 05 Dec 2024

https://github.com/franmc01/vue-pinia-shop-app

A project I used to apply the concepts of Vue's new state handler: PINIA

eslint pinia postcss state-management tailwindcss vitejs vue3-composition-api vue3-sfc

Last synced: 05 Dec 2024

https://github.com/lunanezha/imedica-login

Leverages AI to provide medication management services for patients and doctors. This project focuses solely on the login functionality, delivering a responsive, and mobile-first interface to authenticate user.

ai doctor ionic login medication mobile-app patient postcss prescription react responsive tailwindcss typescript vite

Last synced: 05 Dec 2024

https://github.com/pronoia9/doodlebug-dash

autoprefixer css html javascript nextjs postcss react tailwindcss typescript

Last synced: 24 Nov 2024

https://github.com/pronoia9/promptle

autoprefixer bycrypt css fullstack html javascript mongodb mongoose next-auth nextjs postcss react tailwindcss

Last synced: 24 Nov 2024

https://github.com/pronoia9/metaversus

autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss

Last synced: 24 Nov 2024

https://github.com/chrisnajman/webpack5-basic-setup

Basic Webpack 5 Setup

babel dart-sass html-css-javascript postcss svg-sprites webpack5

Last synced: 21 Nov 2024

https://github.com/chrisnajman/frontend-practice-project-webpack-5

A page built from the Abstract Project design at Frontend Practice using Webpack 5

babel dart-sass html-css-javascript json postcss svg-sprites webpack5

Last synced: 21 Nov 2024

https://github.com/chrisnajman/one-page-site-template

One-page site template with multiple elements, including accordion, carousel, modal and slide-in.

accessibility babel-es6 html-css-javascript postcss scss webpack

Last synced: 21 Nov 2024

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

Next.js, TypeScript, CSS Modules template

css next nextjs postcss typescript

Last synced: 01 Jan 2025

https://github.com/de1ck/javascript-tools-guide

javascript tools include webpack babel postcss ...

babel postcss webpack2

Last synced: 11 Jan 2025

https://github.com/awayken/2016devobjective

PostCSS: A Dumb Name For an Awesome Thing

postcss presentation showcase slides

Last synced: 28 Nov 2024

https://github.com/css-george/postcss-george

A plugin for PostCSS to allow runtime manipulation of variables.

css-variables hacktoberfest postcss

Last synced: 01 Dec 2024

https://github.com/programmershri/tailwind-css-starter-postcss

Boilerplate

ant-design antd css javascript postcss react reactjs redux-toolkit tailwindcss

Last synced: 28 Dec 2024

https://github.com/tomasz-sodzawiczny/postcss-plugin-chain

Utility for chaining multiple PostCSS plugins as a single one.

chain chaining plugin postcss postcss-plugin

Last synced: 21 Nov 2024

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/the-holocron/stormtrooper

The clone soldier.

alex babel browserslist carbon commitlint es eslint jest lint-staged markdownlint postcss scss semantic-release semver storybook stylelint template webpack

Last synced: 21 Nov 2024

https://github.com/cabrelngamaleu/invest

invest website

clsx eslint framer-motion nextjs14 postcss react use-debounce

Last synced: 31 Dec 2024

https://github.com/dalbitresb12/postcss-url-append

PostCSS plugin to append a raw block of CSS from a URL.

postcss

Last synced: 21 Nov 2024

https://github.com/richardcyrus/devchallenges-button-component

Solution for the Button component challenge from Devchallenges.io.

postcss reactjs testing-library typescript vitejs vitest

Last synced: 21 Nov 2024

https://github.com/faizan-ali/workamerica-website-2017

Latest iteration of the WorkAmerica website at www.workamerica.co

babel bootstrap-4 postcss reactjs webpack

Last synced: 21 Nov 2024

https://github.com/diegoreports/bike-tailwindcss

Project in Reactjs, developed as an object of study in a Tailwindcss class. It aims to explore the resources of utility classes, as well as gain greater knowledge in customizing properties and themes.

bicicleta biker css framer-motion javascript javascript-mastery landing-page landing-page-bicicleta landing-page-biker mobile postcss reactjs responsive-design tailwindcss vite