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/exslym/uikit-test

A basic typesafe UI Library built on top of React, Typescript, TailwindCSS and Storybook

jest postcss react storybook typescript

Last synced: 09 Dec 2024

https://github.com/chanonroy/react-github-battle

From the React online training tutorial

postcss react react-router scss webpack

Last synced: 23 Dec 2024

https://github.com/gokatz/tailwind-scss-setup

SCSS and Tailwind setup for an Ember project

emberjs postcss scss tailwindcss

Last synced: 16 Dec 2024

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

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

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/shrpne/postcss-clear-empty-strings

Remove declarations with empty values

clear empty postcss

Last synced: 10 Dec 2024

https://github.com/taxigy/rollup-template

A template to start with Rollup and React

postcss react rollup

Last synced: 10 Dec 2024

https://github.com/engrsakib/countriesname-simple-react-projects

api daisyui jsx postcss react tailwindcss

Last synced: 10 Dec 2024

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 tailwindcss

Last synced: 10 Dec 2024

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/kaanguru/clientsidetemplate

SvelteKit Static Site Generation Template

indexeddb postcss skeleton ssg superforms sveltekit tailwindcss

Last synced: 11 Dec 2024

https://github.com/yoriiis/webpack-boilerplate

Boilerplate to kickstart creating a project with Webpack configuration

babel boilerplate eslint javascript jest postcss prettier stylelint webpack

Last synced: 11 Dec 2024

https://github.com/halvardssm/frontend-starter

A base app which uses React, Typescript, i18next translations with POEditor, React-router, Parcel, Bootstrap, Font Awesome, SCSS

font-awesome hacktoberfest poeditor postcss react template typescript webpack

Last synced: 11 Dec 2024

https://github.com/hentaicracker/aboutme

Aboutme by angular 4

angular angular4 postcss scss typescript webpack2 yarn

Last synced: 16 Dec 2024

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/devferx/block-master

Revive una tienda icónica para rentar películas, regresa con una nueva plataforma de streaming.

babel css html postcss react-vanilla styled-components webpack

Last synced: 23 Dec 2024

https://github.com/humpherson/blueprint-app

This is a web application built with Next.js that allows users to create, edit, and manage service blueprints. The app is designed to be simple yet powerful, providing users with the ability to add, reorder, and modify stages in a service blueprint, and export their work to PDF or JSON.

emoji-dictionary html2pdf json local nextjs pdf-generation postcss reac react-dom react-icons reactjs tailwind tailwindcss

Last synced: 17 Dec 2024

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

https://github.com/starkelessar/vite-start-template

bun eslint postcss pug scss stylelint vite

Last synced: 13 Dec 2024

https://github.com/andrewmcodes-archive/dr-stapleton-website

Dr. Ann E. Stapleton's Personal Website

gatsby javascript postcss react tailwind-css tailwindcss webpack

Last synced: 01 Jan 2025

https://github.com/metonym/postcss-inline-css-vars

PostCSS plugin to inline CSS variables

css-variables postcss postcss-plugin

Last synced: 18 Dec 2024

https://github.com/lukaspetricek1/maturitni_projekt

FAcebook DIscord instaGRAM

express javascript mern-stack mysql nodejs postcss react react-router-dom tailwindcss typescript

Last synced: 18 Dec 2024

https://github.com/fabianmendozaospina/expense-planner

Expense planner built with React and TypeScript

postcss react tailwindcss typescript vite

Last synced: 18 Dec 2024

https://github.com/lucjosin/astro-rename-example

How to use the astro-rename integration to hash all CSS class names from your astro project

astro css integration postcss

Last synced: 18 Dec 2024

https://github.com/bimapriaaditya/create-starterpack-src

Starter frontend project with webpack, bootstrap scss and tailwind postcss

bootstrap5 postcss scss src tailwind

Last synced: 10 Jan 2025

https://github.com/winston0410/postcss-auto-text-indent

A PostCSS Sparrow plugin that helps you append `text-indent` to a selector when `letter-spacing` is found, in order to center words correctly.

css postcss postcss-sparrow tailwindcss

Last synced: 11 Jan 2025

https://github.com/andreidmt/tpl-react-lib

React library template

babel eslint parcel postcss prettier react riteway tape

Last synced: 01 Jan 2025

https://github.com/rohits05/ai-shi

autoprefixer bcrypt-encryption mongodb mongoose next-auth nextjs postcss tailwind-css

Last synced: 10 Jan 2025

https://github.com/fmanimashaun/yumeats

YumEats it is a simple landing page for a resturant that offers a variety of dishes. it is built using react and styled using tailwindcss. using tailwindcss, the app is responsive and can be viewed on any device.

postcss react tailwindcss

Last synced: 06 Jan 2025

https://github.com/snenenenenenene/ember-postcss-sass-tailwind-template

ember embroider postcss tailwindcss template

Last synced: 18 Dec 2024

https://github.com/snenenenenenene/tailwind-appuniversum

A component library tailwind-based on the @appuniverse/webuniverse libraries

component-library ember flanders postcss tailwindcss

Last synced: 18 Dec 2024

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

https://github.com/belchenkov/nexter

Create Site with html5, css3 (Grid system)

css3 grid html5 node-sass postcss scss

Last synced: 19 Dec 2024

https://github.com/jkiimm/postcss-at-rules-bem

PostCSS plugin for BEM name convention

bem css postcss postcss-plugin

Last synced: 19 Dec 2024

https://github.com/muasa-harman/online-shopping-app

This Next.js project with React 18 features TailwindCSS for styling, Prisma for database management, and React Query for state management. It uses Radix UI for UI components, Framer Motion for animations, and integrates Stripe for payments. Development tools include TypeScript, ESLint, and PostCSS.

eslint framer-motion postcss postgresql prisma radix-ui react-query tailwindcss typescript

Last synced: 19 Dec 2024

https://github.com/malcolm-kee/webpack-config

A sample React project with flexible webpack config

babel font-awesome postcss react sass typescript webpack

Last synced: 19 Dec 2024

https://github.com/v0-nico/astro-personal-template

Astro + ESLint + Prettier + PostCSS

astro eslint postcss prettier stylistic

Last synced: 19 Dec 2024

https://github.com/tricinel/postcss-color-hsla-fallback

PostCSS plugin to transform hsl and hsla to hexadecimal

color color-convert css hsl-color postcss postcss-plugin

Last synced: 25 Dec 2024

https://github.com/krypton225/fourth-portfolio-react

This is just a portfolio for practicing in using React JS and Tailwind CSS.

aos autoprefixer netlify portfolio postcss react react-dom react-hooks react-icons react-lazy-load-image-component react-scroll reactjs swiper tailwindcss yarn

Last synced: 25 Dec 2024

https://github.com/yowainwright/postcss-scss

This is my setup to use postcss for scss! 🤔 The script works. Feel free to copy if you've got something nitty gritty to do.

config css npm-scripts postcss sass scss

Last synced: 01 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: 25 Dec 2024

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

atomico postcss tailwindcss webcomponents

Last synced: 26 Dec 2024

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

Salt - Typography Parser utility

postcss postcss-plugin salt

Last synced: 26 Dec 2024

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

A carousel of senior portraits made for my high school.

nodejs postcss tailwind typescript

Last synced: 26 Dec 2024

https://github.com/michaelschwobe/wordpress-theme-gulp-boilerplate

Drop-in Gulp tasks for WordPress theme development.

babel boilerplate browser-sync es6-javascript eslint gulp imagemin less postcss sass wordpress

Last synced: 26 Dec 2024

https://github.com/davismz09/proyecto-grado-angie-flores

Página estática referente al proyecto de grado de Angie Flores

autofixer gh-pages js postcss react swiper-js tailwindcss

Last synced: 10 Jan 2025

https://github.com/niallobrien/asset-pipeline-tailwind

Drop-in asset pipeline for TailwindCSS

asset-pipeline cssnext es2015 jquery laravel-mix postcss tailwindcss webpack

Last synced: 10 Jan 2025

https://github.com/zhuping/mat-autoprefixer

Prefix CSS for mat

autoprefixer mat postcss

Last synced: 03 Jan 2025

https://github.com/ahmadkdev/vite-vanilla-starter

A minimal, fast, and customizable starter template for vanilla JavaScript projects, using Vite.

boilerplate bundler css eslint front-end frontend html javascript js postcss prettier starter template vanilla vanilla-javascript vite web

Last synced: 03 Jan 2025

https://github.com/abhich21/memory-game

a basic number pair memory game

postcss react-dom reactjs tailwindcss vitejs

Last synced: 03 Jan 2025

https://github.com/andrepolischuk/react-mobx-state-tree-example

An example of React MobX state tree async application

example example-app mobx-state-tree postcss react

Last synced: 04 Jan 2025

https://github.com/andrepolischuk/deku-redux-example

An example of Deku Redux async application

deku deku-redux example example-app postcss redux

Last synced: 04 Jan 2025

https://github.com/denisoct/news-homepage

News homepage

mantine-ui nextjs postcss

Last synced: 04 Jan 2025

https://github.com/denisoct/single-page-developer-portfolio

Single-page developer portfolio

mantine nextjs postcss react

Last synced: 04 Jan 2025

https://github.com/miguelsjimenezv/ridenewsproject

RideNews es una plataforma web creada con PHP (Laravel), JavaScript, Tailwind CSS y Vite. Está diseñada para permitir a los usuarios motociclistas crear, gestionar y compartir publicaciones relacionadas con el mundo de las motocicletas.

backend blade frontend laravel mysql npm php postcss responsive tailwindcss vite web

Last synced: 04 Jan 2025

https://github.com/masterjaneza/portfolio

Portfolio

autoprefixer autoprefixer-plugin css gsap html postcss postcss-plugin tailwindcss

Last synced: 11 Jan 2025

https://github.com/squirrel-forge/node-build-scss

Simple sass wrapper including some useful configuration options and extended features like package support and loading files as base64 encoded strings for font and image inclusion.

build cli node nodejs postcss sass simple