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: 2024-11-15 00:23:00 UTC
JSON Representation

https://github.com/zgreen/postcss-shared-values

A PostCSS plugin that allows for a comma-separated shorthand for properties that share the same value.

css postcss postcss-plugin

Last synced: 14 Nov 2024

https://github.com/aleksandrpolishchuk/ticketierapp

Frontend part of App for sell tickets

nextjs13 postcss react tailwindcss typescript

Last synced: 09 Nov 2024

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

Next.js, TypeScript, CSS Modules template

css next nextjs postcss typescript

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

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

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

postcss postcss-sparrow

Last synced: 28 Oct 2024

https://github.com/thenamevishnu/ecommerce

eslint javascript postcss reactjs tailwindcss vitejs

Last synced: 12 Oct 2024

https://github.com/jdsteinbach/sass-postcss

Using Sass & PostCSS Together

css postcss sass

Last synced: 21 Oct 2024

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

Basic setup to using PostCSS

postcss

Last synced: 09 Nov 2024

https://github.com/linda-ikechukwu/moneypaddy

Money Paddy is a PWA to help you keep track of your expense and income.

babeljs firebase postcss pwa service-worker webpack4

Last synced: 16 Nov 2024

https://github.com/morevm/postcss-specificity-decorator

PostCSS plugin to increase the specificity of selectors

css postcss postcss-plugin specificity

Last synced: 09 Nov 2024

https://github.com/afeiship/postsass

Cli compiler for sass/scss via dart-sass and postcss.

cli dart-sass postcss sass scss

Last synced: 26 Oct 2024

https://github.com/shgysk8zer0/node-purist

A meta-package for building web-apps using native technologies, transpiled using Babel + PostCSS

cssnano cssnext npm npm-package postcss transpiler webpack

Last synced: 17 Oct 2024

https://github.com/adam014/inspirobot

InspiroBot is an prompting tool for modern world to discover, create and share creative AI prompts.

javascript mongodb mongoose nextjs postcss react tailwindcss

Last synced: 09 Nov 2024

https://github.com/vvaldesc/shadcn_aceternity_ui_practice

Little Vite React Interface using external front-end libraries

aceternity-ui front-end-development nextui postcss react shadcn-ui tailwindcss vite

Last synced: 09 Nov 2024

https://github.com/miavai649/cleancarz-client

The Clean Carz is a web application where user can get different types of car wash services. It allows users to explore available services, select a time slot, and book a service online, offering a digital car care experience.

ant-design dayjs jwt-decode momentjs postcss react react-dom react-hook-form react-icons react-redux react-router-dom redux-persist redux-toolkit rtk-query sonner swiper-js typescript vite zod-validation

Last synced: 05 Nov 2024

https://github.com/belchenkov/nexter

Create Site with html5, css3 (Grid system)

css3 grid html5 node-sass postcss scss

Last synced: 31 Oct 2024

https://github.com/buschtoens/broccoli-multi-postcss

Broccoli plugin to transform one or more input files using PostCSS to one or more output files.

broccoli broccoli-plugin postcss

Last synced: 20 Oct 2024

https://github.com/asyncbanana/asyncbanana.github.io

My personal website built with HTML, JavaScript, and PostCSS, and bundled with Parcel

parcel-bundler personal-website postcss

Last synced: 10 Nov 2024

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

Start your project using React, TypeScript and PostCSS

postcss react typescript webpack

Last synced: 07 Nov 2024

https://github.com/tobua/postcss-tags-without-class

Make HTML Tags Opt Out-Able When Adding a Class

postcss postcss-plugin

Last synced: 15 Nov 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: 31 Oct 2024

https://github.com/duanedave/portfolio-v_1

This is the first iteration of my personal brand, here I show a list of what I have been up to recently in my career as a software developer

accessibility css4 framer-motion postcss react ux-ui

Last synced: 17 Oct 2024

https://github.com/semanticdata/mangu

🍽 Eleventy starter theme/template built with Eleventy and TailwindCSS.

11ty 11ty-website eleventy eleventy-website postcss tailwindcss

Last synced: 09 Oct 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: 23 Oct 2024

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: 23 Oct 2024

https://github.com/rakib0061/know-git

Vite.JS starter template for vanilla JavaScript, Bootstrap, sass, Gulp.js with some basic dependencies.

boilerplate-template bootstrap5 eslint gulpjs javascript popperjs postcss prettier sass vitejs

Last synced: 16 Nov 2024

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

https://github.com/argyleink/jade-cssnext-babel-webpacked

⚡️ Build a multipage site with Jade and Webpack, where each page is created from a bundle entry file

babel cssnext jade postcss webpack

Last synced: 31 Oct 2024

https://github.com/fuelviews/laravel-tailwindcss

Laravel tailwindcss package

css fuelviews laravel laravel-tailwindcss php postcss tailwindcss

Last synced: 11 Oct 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: 23 Oct 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/brunogroth/livewire

Learning Livewire | PHP & Laravel & Livewire & TailwindCSS

laravel laravel10 livewire livewire-components mysql mysql-database postcss tailwind tailwind-css tailwindcss

Last synced: 11 Nov 2024

https://github.com/rmoongit/cryptonomicon

#app cryptonomicon - курс валюты монет и вывод графы

api bem css eslint javascript postcss postcss-plugin prettier tailwind vite vue3 websocket

Last synced: 07 Nov 2024

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: 29 Oct 2024

https://github.com/locol23/webpack-scss-starter

A boilerplate of static site using webpack + postcss(scss)

postcss scss webpack

Last synced: 11 Nov 2024

https://github.com/muzabol2/calc

Simple calculator in vanilla JS

babel javascript postcss vanilla-javascript vercel webpack

Last synced: 11 Nov 2024

https://github.com/wr-projects/utils

🔦 Various shareable configurations (ESLint, Prettier, CommitLint, Commitizen, etc.)

2022 2022-project babel commitizen commitlint config eslint markdownlint open-source postcss prettier renovate shareable shareableconfig stylelint ts webreadyprojects wrprojects

Last synced: 28 Oct 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: 12 Nov 2024

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

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

api daisyui jsx postcss react tailwindcss

Last synced: 22 Oct 2024

https://github.com/reworkjs/postcss-preset-reworkjs

PostCSS preset for applications built using ReworkJS

postcss reworkjs

Last synced: 05 Nov 2024

https://github.com/vinpac/postcss-modular

PostCSS plugin to modularize classnames

css javascript modular postcss

Last synced: 11 Nov 2024

https://github.com/scrum/postcss-envariables

PostCss plugin to use environment variables in CSS

css env envariables postcss postcss-plugin webpack4

Last synced: 17 Oct 2024

https://github.com/pascalduez/eleventy-css

11ty css css-modules eleventy postcss stylesheets

Last synced: 17 Oct 2024

https://github.com/tharunoptimus/super-slow-portfolio

A cool looking ultra slow portfolio - manual deploy

emailjs framer-motion maath postcss react react-three tailwindcss threejs vite

Last synced: 11 Nov 2024

https://github.com/andrei1994rus/users-react

Search Github users on React+Webpack. (NodeJS,React,Webpack,RxJS,jQuery,Express,SCSS)

adaptive autoprefixer compression-webpack-plugin crossbrowser cssnano express express-static-gzip jquery mobile-first modernizr nodejs postcss react rxjs rxjs-ajax scss terser-webpack-plugin webpack

Last synced: 11 Nov 2024

https://github.com/azurespheredev/startupz-landing

Clone version of Startupz landing page

javascript postcss reactjs tailwindcss-v3

Last synced: 12 Nov 2024

https://github.com/azurespheredev/vally-sales-assignment

Vally Sales Inc Settings Page built for the assigment.

assignment eslint husky nextjs postcss shadcn-ui tailwindcss typescript zod

Last synced: 12 Nov 2024

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

Template for creating websites using Sass

autoprefixer html portfolio postcss sass sass-autoprefixer template

Last synced: 16 Nov 2024

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

https://codeberg.org/fec/postcss-url-mapping

Plugin for PostCSS to transform URLs using a mapping object.

javascript postcss

Last synced: 27 Sep 2024

https://github.com/twibiractlabs/twibiract-scss

twibiractscss est une boîte à outils front-end la plus puissante, la plus extensible et la plus riche en fonctionnalités au monde, d'extensions, de plugins et plus encore.

css postcss sass scss twibiractscss utility-class

Last synced: 22 Oct 2024

https://github.com/spring-raining/postcss-plugins

PostCSS plugin to provide theming function based on CSS variables using `@var` rules.

css postcss postcss-plugin

Last synced: 11 Oct 2024

https://github.com/yurii-corssa/vite-vanilla-template

A streamlined Vite and Vanilla JS template for quickstart modern web development projects. It includes SCSS support and pre-configured build tools for a seamless development experience.

postcss scss vanilla-javascript vite

Last synced: 07 Nov 2024

https://github.com/aganglada/aganglada.github.io

Personal website

personal-website postcss yarn

Last synced: 15 Nov 2024

https://github.com/matthewbub/css4life

Convert Postcss to CSS via CLI

cli css postcss

Last synced: 27 Sep 2024

https://github.com/jatolentino/mediagram

Mediagram, a FB-like platform

apollo axios bootstrap docker elixir figma graphql kubernetes phoenix postcss reactjs redux

Last synced: 07 Nov 2024

https://github.com/stuymedova/kirby-rollup-postcss

[SETUP] Kirby CMS template adapted to be used with modern frontend tools

kirby kirby-cms kirby3 kirby3-cms postcss rollup

Last synced: 11 Nov 2024

https://github.com/saulwolfdev/skeleton

babel javascript npm postcss sass webpack

Last synced: 16 Nov 2024

https://github.com/rencire/typescript-webapp-starter

babel babel-preset-env babel-typescript frontend husky lint-stag postcss postcss-preset stylelint tslint typescript webpack webpack4

Last synced: 11 Nov 2024

https://github.com/jabranr/react-scripts

Experiment: Improved postcss config in react scripts

create-react-app experiment postcss postcss-config postcss-loader react react-scripts

Last synced: 15 Nov 2024

https://github.com/joserafael0160/jrlinks

All my links page made with HTML, PostCSS and JavaScript. 💜

all-my-links allmylinks html-css-javascript javascript link-platform links postcss

Last synced: 11 Oct 2024

https://github.com/joserafael0160/age-calculator

An Age calculator, using HTML, CSS, and JavaScript.

age age-calculator calculator html js js-vanilla postcss

Last synced: 11 Oct 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/fabian-kleine/cerberusui

A UI Library for when you have to create a doomsday app in Javascript

component-library components css css-components css-framework design-system javascript postcss react react-component-library react-components react-library typescript typescript-react ui-design ui-framework ui-library

Last synced: 11 Oct 2024

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

Initialized Astro Project with Tailwind, Typescript, Linting and Formatting support.

astro eslint eslint-config postcss prettier tailwindcss typescript

Last synced: 07 Nov 2024

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

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

Last synced: 11 Nov 2024

https://github.com/marius-pieptea/react-mini-reddit

A minimal setup for a React application using Vite, including Redux, Axios, and Jest. Supports HMR and ESLint.

axios babel eslint hmr jest postcss react redux swc tailwindcss vite

Last synced: 11 Oct 2024

https://github.com/marco5dev/portfolio-react-tsx-tailwind-daisyui-blog-devto

A Nice UI/UX Portfolio with React TSX, tailwind css, postCSS, Blog with devto api

blog devto devto-api portfolio postcss raectjs react react-router tailwind tailwindcss tsx ui uiux ux

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

https://github.com/agbortoko/php_vite_boilerplate

Boilerplate for implementing plain php projects with vite

autoprefixer npm php postcss tailwindcss vanilla-php vite xampp

Last synced: 07 Nov 2024

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

Dockerized NextJS app. App itself is in submodule "next".

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

Last synced: 07 Nov 2024

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/ranitmanik/frontend-app-starter-template

A React starter template with Vite, React, Tailwind, and Prettier to assist in building dynamic web applications that adhere to community standards

eslint-plugin javascript nodejs postcss react react-vite tailwindcss typescript vite vite-react-typescript

Last synced: 07 Nov 2024

https://github.com/owpac/boilerplate_rails_inertia

Rails application working with Inertia and React!

esbuild inertiajs postcss propshaft rails react tailwind typescript

Last synced: 02 Nov 2024

https://github.com/mihoag/image-galary-react

material-ui postcss reactjs tailwind toastify typewriter-animation unplash-api

Last synced: 02 Nov 2024

https://github.com/oliverfindl/webpack-vue-boilerplate

Simple boilerplate for building Vue app with Webpack.

autoprefixer boilerplate eslint javascript postcss purgecss sass stylelint svgo terser vue vue-router vuex webpack webpack-vue-bolierplate workbox

Last synced: 26 Oct 2024

https://github.com/milliorn/true-hope-tutoring

Landing page for True Hope 4 Success Tutoring

academic education education-platform frontend homework learning npm online-learning online-tutoring open-source postcss react student study tailwindcss teaching tutoring vite web-development

Last synced: 26 Oct 2024

https://github.com/joschuaschneider/gatsby-tailwindcss-postcss-boilerplate

Gatsby Starter Default with TailwindCSS and PostCSS + PurgeCSS

gatsby postcss purgecss starter tailwind

Last synced: 26 Oct 2024

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

A template to start with Rollup and React

postcss react rollup

Last synced: 22 Oct 2024

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: 27 Oct 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: 08 Nov 2024

https://github.com/bhallstein/jigmawiffin

Those nitpicky webpack, babel, and postcss deps you always need.

babel css javascript postcss react tooling webpack

Last synced: 21 Oct 2024

https://github.com/samk-dev/astro-2-starter

Astro.build starter with some opinionated setup

astrojs commitlint conventional-commits dependabot eslint husky-hooks lint-staged mdx postcss prettier tailwindcss typescript

Last synced: 25 Oct 2024

https://github.com/gstcarv/tailwind-spotify-home

Spotify landing page home clone made with Tailwind CSS, including acessibility optimization

accessibility css javascript postcss responsive spotify tailwind webpack

Last synced: 12 Nov 2024

https://github.com/arturi/template-css

Write real CSS in template strings and it gets injected in the head tag like :sparkles: optionally parse with any PostCSS plugin

css css-in-js cssinjs postcss template-literals template-string

Last synced: 21 Oct 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: 29 Oct 2024

https://github.com/denis-axenov/webpack-typescript-boilerplate

🚀 Webpack TypeScript Boilerplate: A starter project with Webpack 5, TypeScript, SCSS, ESLint, Stylelint, and Jest for testing. 🚀 Includes PostCSS, CSSnano, and Autoprefixer for optimization.

autoprefixer cssnano eslint jest postcss scss stylelint typescript webpack webpack5