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/zhanba/react-starter

yet another react starter based on webpack, babel, postcss

babel eslint postcss react webpack2

Last synced: 25 Jan 2025

https://github.com/dsk52/webboilerplate

babel postcss precss webpack yarn

Last synced: 13 Feb 2025

https://github.com/blackoutseeker/felips-rfe

My Final Internship Report in website format

eslint nextjs postcss prettier reactjs tailwindcss typescript

Last synced: 26 Jan 2025

https://github.com/savvy-css/savvy

A Lightweight & Highly-Composable Modular CSS Framework

css css-framework echobind functional-css postcss savvy-css

Last synced: 02 Feb 2025

https://github.com/vcolesdev/docker-next

Submodule to docker-create-next-app. The nextJS app that is generated when create-next-app is run.

create-next-app docker docker-compose nextjs postcss submodule tailwindcss typescript

Last synced: 29 Jan 2025

https://github.com/wonderstk/multi-step-form

This project is a responsive multi-step form built with React and styled using Tailwind CSS. It provides users with a seamless experience to input their information, select a plan, choose add-ons, and review their selections before submission.

context-api javascript postcss react tailwindcss

Last synced: 29 Jan 2025

https://github.com/p-chan/rr-sk

Riot-Rollup-Starterkit

postcss riot rollup

Last synced: 08 Feb 2025

https://github.com/andreivictor/webpack-starter

A starter frontend boilerplate using Webpack 5, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.

babel babel7 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint webpack webpack-boilerplate webpack5 webpack5-boilerplate

Last synced: 30 Jan 2025

https://github.com/mmorrii/starter-kit

Starter template with React, React Router, PostCSS, TypeScript, Vite

postcss react react-router starter-kit template typescript vite

Last synced: 09 Feb 2025

https://github.com/charistheo/webpack-media-split

A simple example that splits CSS based on media queries used and generates separate files using Webpack. Those CSS files are then lazy loaded depending on screen width.

css lazy-loading mediaqueries postcss webpack

Last synced: 07 Feb 2025

https://github.com/keidrun/boilerplate-webpack-es6-postcss

Boilerplate of a simple website using es6 and postcss with webpack.

boilerplate css css3 es6 javascript postcss webpack webpack3

Last synced: 23 Jan 2025

https://github.com/keidrun/boilerplate-gulp-postcss

Boilerplate of PostCSS with Gulp.

boilerplate css css3 cssnext design es2015 es6 gulp postcss

Last synced: 23 Jan 2025

https://github.com/straw-hat-team/nextjs-starter-kit

Our NextJS starter kit project

nextjs nodejs postcss reactjs starter-kit straw-hat straw-hat-platform tailwindcss

Last synced: 29 Jan 2025

https://github.com/shubhadip/react-vite-component-library

Template to create component library with ReactJs, Typescript, Tailwind, Vite, Playwright, Storybook.

commitlint component-library javascript library postcss reactjs semantic-release storybook tailwind tailwindcss template typescript vite vitejs

Last synced: 29 Jan 2025

https://github.com/baraqkamsani/postcss-fluid-style

Build fluid text and style in CSS

css postcss

Last synced: 30 Jan 2025

https://github.com/ashwin-s-nambiar/notes-app

A Full Stack Notes App made to improve my knowledge and ability in Next.js.

full-stack nextjs pocketbase postcss router tailwindcss

Last synced: 30 Jan 2025

https://github.com/jolomitee/catchup

CatchUp Figma design as a web page

figmadesign front-end-development postcss tailwindcss

Last synced: 10 Feb 2025

https://github.com/lukaspetricek1/maturitni_projekt

FAcebook DIscord instaGRAM

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

Last synced: 10 Feb 2025

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

Expense planner built with React and TypeScript

postcss react tailwindcss typescript vite

Last synced: 10 Feb 2025

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

PostCSS plugin to inline CSS variables

css-variables postcss postcss-plugin

Last synced: 10 Feb 2025

https://github.com/vlasmn/zhenyavlasov.com

11ty nunjucks postcss

Last synced: 25 Jan 2025

https://github.com/hoangnguyen77/interior-construction-quotation-fe

The frontend for interior construction quotation platform

html-css-javascript postcss reactjs scss tailwindcss vitejs

Last synced: 18 Feb 2025

https://github.com/lgraubner/webpack-boilerplate-react

Basic Webpack boilerplate for React projects.

flow hmr jest postcss prettier react webpack webpack-boilerplate

Last synced: 05 Feb 2025

https://github.com/eugenepokalyuk/vue-skateboarding

SkateHut was established in 2007 by Mark Johansen-Berg following a family holiday to Florida with his wife and three sons. When his eldest son spotted a pair of Heelys in one of the theme parks, he just had to have a pair! Upon arriving back to the UK, they realised that Heelys were nowhere to be seen.

postcss tailwind vite vue-router4 vue3

Last synced: 18 Feb 2025

https://github.com/sshari/remark-mdx-postcss

Remark plugin to bundle a style tag with MDX content via postcss.

css mdx postcss remark-plugin

Last synced: 13 Feb 2025

https://github.com/liinkiing/react-webpack-boilerplate

Small boilerplate to train myself with webpack configurations, postcss, babel, env files and all those nice stuff

babel7 browserlist postcss react webpack4

Last synced: 05 Feb 2025

https://github.com/wvbe/dirty_deno_slapper

A Deno module that slaps your TS/CSS source together

deno esbuild postcss xhtml

Last synced: 18 Feb 2025

https://github.com/sagorranait/reactjs-gallery-test

Creating a responsive image gallery using React JS

autoprefixer dnd-kit dnd-kit-sortable postcss react react-dom tailwindcss

Last synced: 18 Feb 2025

https://github.com/vasquez-esteban/next-init

Next 14 Init Project

eslint nextjs14 postcss prettier react tailwindcss typescript

Last synced: 18 Feb 2025

https://github.com/fluffychi-xing/templatemanage

A management system blue-print template.

element-plus frontend iconfont postcss scss tailwindcss typescript vuejs

Last synced: 18 Feb 2025

https://github.com/rnyell/postcss-contains

Style elements based on their existing property or declaration.

css postcss postcss-plugin

Last synced: 16 Nov 2024

https://github.com/yash-jivani/bookmarkweb

Bookmark website UI

css html node npm postcss tailwindcss

Last synced: 14 Feb 2025

https://github.com/mouhametnd/ecommerce-product

This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js

bem-methodology gulpjs html javascript localstorage postcss scss

Last synced: 17 Jan 2025

https://github.com/zhangwei900808/hiynn-layout

海云页面布局组件

npm postcss react rollup

Last synced: 02 Feb 2025

https://github.com/sonvice/easybank

Este proyecto es una landing page diseñada como práctica para el desafío de Frontend Mentor. La landing page está construida utilizando React, Sass

html5 javascript postcss react sass vite

Last synced: 06 Jan 2025

https://github.com/waitingwittykitty/deck-dragon

This is a simple card game. Lucky guys or losers.

apollo docker game graphql postcss prisma react tailwind

Last synced: 13 Feb 2025

https://github.com/juborajsujon/fix-nexus-client

FixNexus - User can Booked Service and Manage Services and service provider also Added service, update service, view details service and ordered service can update status.

autoprefixer axios daisyui firebase lottie-react postcss react react-datepicker react-helmet-async react-hook-form react-loader-spinner react-markdown react-router-dom react-simple-typewriter react-toastify sweetalert2 tailwindcss

Last synced: 03 Feb 2025

https://github.com/mrhidalgo/vanillajavascript

Effortlessly initiate a high-performance Vanilla JavaScript web application, SPA, or website. Equipped with JavaScript, Tailwind CSS, ESLint, Vite, and more, this setup enables you to start development in moments—sidestepping the typical complexities of environment setup.

bootstrap browserlist css eslint html javascript js postcss prettier responsive scss starter tailwindcss vitejs

Last synced: 03 Feb 2025

https://github.com/juborajsujon/textile-art-client

Textile Art - This website user can find the most valuable 6 category textile art craft items and they can create craft item product card for selling purpose.

animatecss aos autoprefixer daisyui eslint eslint-plugin firebase lottie-react postcss react-helmet-async react-hook-form react-icons react-router-dom react-scroll-trigger react-simple-typewriter react-toastify sweetalert2 tailwindcss tsparticles vite

Last synced: 03 Feb 2025

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

https://github.com/byteboomers/byteboomers-ui

Byteboomers UI

postcss ui

Last synced: 13 Feb 2025

https://github.com/sagorranait/fronted-test-task

I converted the Figma design into clean, well-structured code, implementing the design elements and front-end functionality while ensuring cross-browser compatibility and responsiveness.

css globals html html-css-javascript javascript postcss react-dom reactjs tailwindcss vite

Last synced: 13 Feb 2025

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

From the React online training tutorial

postcss react react-router scss webpack

Last synced: 15 Feb 2025

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

Boilerplate to kickstart creating a project with Symfony and Webpack

api babel boilerplate eslint jest postcss prettier stylelint symfony typescript webpack

Last synced: 13 Feb 2025

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

SCSS and Tailwind setup for an Ember project

emberjs postcss scss tailwindcss

Last synced: 09 Feb 2025

https://github.com/hmontarroyos/quiz_javascript

O Projeto se trata de um Quiz de JavaScript, para o usuário testar suas habilidades na linguagem, desenvolvido na 2° Imersão React NextJS Alura

alura alura-quiz framer-motion front-end imersao-react javascript nextjs postcss react styled-components

Last synced: 08 Feb 2025

https://github.com/marlon-couto/bootstrap-vanillajs-starter

Um template para desenvolvimento de sites rapidamente.

handlebars html javascript postcss sass vite

Last synced: 15 Feb 2025

https://github.com/damir-sijakovic/gulp_postcss

Gulp, PostCSS and BrowserSync Example

browsersync gulp postcss

Last synced: 30 Jan 2025

https://github.com/darinelescobar/react-vite-shadcn-ui-template

React + Vite template with TypeScript, Tailwind CSS, and seamless V0.dev integration for effortless AI-generated components.

ai ai-templates eslint fast-prototyping postcss react react-template shadcn shadcn-ui tailwindcss typescript v0-dev v0dev vite

Last synced: 06 Feb 2025

https://github.com/divyansh089/apple-airpods-clone

An amazing Apple AirPods UI clone

airpods apple gsap netlify nodejs postcss react tailwindcss

Last synced: 06 Feb 2025

https://github.com/imbrn/tv-show-details

📺 A TV show details application

app postcss react

Last synced: 31 Jan 2025

https://github.com/koffeine/rollup-plugin-sass-postcss

Rollup plugin for Sass and PostCSS

postcss rollup rollup-plugin sass scss

Last synced: 01 Feb 2025

https://github.com/edixonalberto/template-sass

Template for creating websites using Sass

autoprefixer html portfolio postcss sass sass-autoprefixer template

Last synced: 17 Jan 2025

https://github.com/devbluecomet/quiz-game

A quiz/trivia game with different modes and categories that you can select, as well as wildcards to help you. The questions are generated by artificial intelligence using the Cohere API.

eslint javascript postcss react tailwindcss

Last synced: 30 Jan 2025