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/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/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/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/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/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/es-starter-kit

Starter kit for web projects

babel browserslist ecmascript express javascript postcss webpack

Last synced: 22 Nov 2024

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/codyjasonbennett/next-postcss

🧰 PostCSS for Next.js

css nextjs postcss react webpack

Last synced: 06 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/nikolaymakhonin/postcss-js-syntax

For use powerful JavaScript syntax for compile CSS instead legacy preprocessors: SASS, LESS, Stylus, etc... Demo:

css javascript js json modularity postcss postcss-syntax preprocessor

Last synced: 30 Dec 2024

https://github.com/osamamammar/calculator

🧮 JS practice project from (The Odin Project). calculator

css html javascript postcss pugjs theodinproject

Last synced: 05 Dec 2024

https://github.com/bryanwilhite/nodejs

my collection of self-educational samples on the Node.js® stack

angular-io aurelia codepen css elm html5 jasmine karma nodejs postcss svg typescript ux ux-design

Last synced: 31 Dec 2024

https://github.com/takayyz/graphql-training

GraphQLの学習用

docker graphql graphql-yoga posgresql postcss pothos prisma tailwindcss ts-node-dev typescript

Last synced: 27 Dec 2024

https://github.com/pronoia9/flapple

Experience innovation with a twist in Flapple! Dive into the whimsical world of iPhone page design like never before. With Flapple, enjoy the excitement of an Apple product launch without the hassle. It's the app that's a fruit salad for your digital cravings, without breaking the bank!

autoprefixer gsap gsap-react postcss react-three-drei react-three-fiber reactjs sentry sentry-react tailwindcss threejs vitejs

Last synced: 27 Dec 2024

https://github.com/krypton225/interactive-rating-component-main

This is just a training in Front End Mentor website.

autoprefixer concurrently css3 cssnano html5 javascript live-server postcss scss ts-loader typescript webpack webpack-cli

Last synced: 27 Dec 2024

https://github.com/rajdee/postcss-autoimport

PostCSS plugin for automatically import global dependencies.

global import postcss postcss-plugin

Last synced: 27 Dec 2024

https://github.com/vlad-moskalenko/carshop-next.js

axios next postcss react react-dom tailwindcss typescript

Last synced: 15 Nov 2024

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/ulyanov-programmer/woodland_furniture

css grunt html js landing postcss ts

Last synced: 27 Dec 2024

https://github.com/hrfmmymt/react-redux-ssr

ava circleci enzyme eslint flowtype nyc postcss react react-redux react-router-redux server-side-rendering stylelint webpack2 yarn

Last synced: 17 Nov 2024

https://github.com/hrfmmymt/react-babel-webpack

axios babel javascript postcss react-router reactjs superagent webpack2

Last synced: 17 Nov 2024

https://github.com/hrfmmymt/postcss-starter

autoprefixer postcss stylelint

Last synced: 17 Nov 2024

https://github.com/hrfmmymt/plain-carousel

babel carousel-plugin postcss rollup vanilla-javascript

Last synced: 17 Nov 2024

https://github.com/cristian-sbardelotto/quizzed

⚡Welcome to Quizzed! Test your knowledge and try our quiz to challenge yourself!

eslint git github javascript postcss react react-router tailwind-css tailwind-merge typescript

Last synced: 27 Dec 2024

https://github.com/xettri/postcss-remove-duplicate-values

A PostCSS plugin that removes duplicate CSS property values within rules, optimizing stylesheet size and improving maintainability.

css npm-package postcss postcss-plugin

Last synced: 27 Dec 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: 05 Jan 2025

https://github.com/earth-hominid/seeds-inventory-catalog

An inventory management system for an online seed store | Full stack CRUD Application with ExpressJS

expressjs javascript mongodb mongoose mvc-architecture nodejs postcss pugjs sanitization tailwind-css validation validatorjs

Last synced: 26 Dec 2024

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

This is just a training in Front End Mentor website.

autoprefixer concurrently css3 cssnano html5 javascript live-server postcss postcss-cli pug-cli pugjs scss typescript webpack webpack-cli

Last synced: 26 Dec 2024

https://github.com/jsimck/postcss-webpack-plugin

A webpack plugin to process generated assets with PostCSS with support for webpack 5 filesystem cache.

cache filesystem loader pipeline plugin postcss postcss-loader webpack webpack-plugin

Last synced: 07 Dec 2024

https://github.com/osamamammar/gui-rock-paper-scissor

JS practice project from (The Odin Project). rock paper scissor GUI

css frontend game html jade-template-engine javascript js postcss pug-template-engine pugjs responsive-design theodinproject

Last synced: 05 Dec 2024

https://github.com/osamamammar/library

📚 JS practice project from (The Odin Project). library

css html javascript postcss pugjs theodinproject

Last synced: 05 Dec 2024

https://github.com/dormanator/pomodoro-clock

A simple Pomodoro clock designed to help control your work patterns to ensure appropriate breaks are taken. Features graphic display of time progression, and use of the Notification API.

gulpjs html javascript postcss progressbar-js

Last synced: 10 Nov 2024

https://github.com/annaindistress/frontend-mentor-faq-accordion

This is a solution to the FAQ accordion challenge on Frontend Mentor

css-custom-properties html postcss vite

Last synced: 24 Nov 2024

https://github.com/claudiusayadi/ketocss

The #1 variable-first atomic design framework! This is my personal CSS Framework or project starter kit based on SASS (SCSS) and CSS Variables.

adun-css adun-studio css-framework cssnano ecommerce modern-css-features postcss postcss-preset-env postcss-sass responsive-design sass sass-starterkit scss service-based

Last synced: 31 Dec 2024

https://github.com/annaindistress/frontend-mentor-stats-preview-card-component

This is a solution to the stats preview card component challenge on Frontend Mentor

css-custom-properties gulp html postcss

Last synced: 24 Nov 2024

https://github.com/annaindistress/frontend-mentor-blog-preview-card

This is a solution to the blog preview card challenge on Frontend Mentor

css-custom-properties github-actions html postcss vite

Last synced: 24 Nov 2024

https://github.com/annaindistress/frontend-mentor-easybank-landing-page

This is a solution to the easybank landing page challenge on Frontend Mentor

css-custom-properties html postcss svg-sprite vanilla-js vite

Last synced: 24 Nov 2024

https://github.com/kailoon/postcss-starter

Postcss starter is a starter kit for any project using postcss.

css nodejs pnpm postcss starter

Last synced: 06 Dec 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: 22 Dec 2024

https://github.com/kailoon/11ty-starter-kit-with-scss

Based on the official starter kit and come with 7 in 1 folder structure SCSS development using postcss, purgecss and cssnano.

11ty eleventy html nunjucks postcss purgecss scss starter-kit

Last synced: 06 Dec 2024

https://github.com/josealz/disco

Discord clone

autoprefixer build deploy firebase gh-pages git github odin-project postcss react tailwindcss vscode

Last synced: 25 Dec 2024

https://github.com/awayken/postcss-placeholdit

PostCSS plugin that uses the placehold.it service as a placeholder for broken background images.

postcss

Last synced: 12 Nov 2024

https://github.com/ambar/docz-plugin-style

PostCSS Preset Env + CSS Modlues

docz docz-plugin postcss

Last synced: 02 Jan 2025

https://github.com/newset/postcss-stylus

stylus syntax for postcss

css-modules postcss stylus

Last synced: 12 Oct 2024

https://github.com/elchininet/postcss-comments

Postcss plugin to prepend or append comments to CSS rules

comments css postcss postcss-plugin

Last synced: 19 Nov 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/bntzio/aguayo-frontend-test

Página web con responsive design (mobile first)

cssnext gulp postcss webpack

Last synced: 30 Dec 2024

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

This React-based web application features real-time data integration with Swiggy and GitHub APIs. Key highlights include custom hooks for online status and fallback images, optimized performance with lazy loading, and a shimmer UI for enhanced user experience. It exemplifies efficient management of large datasets & modern web development practices.

emailjs html javascript json-api parcel parcel-bundler postcss react react-icons react-router-dom reacticons redux-toolkit tailwind-css vercel

Last synced: 11 Oct 2024

https://github.com/shaherashraf/webpackboilerplate

📦 A webpack boilerplate using Babel, PostCSS and Sass.

babel es6 hot-reloading hot-replacement javascript postcss sass webpack

Last synced: 07 Dec 2024

https://github.com/bntzio/invie-postcss

Just a site to learn postcss

bem cssnext gulp lost-grid postcss

Last synced: 30 Dec 2024

https://github.com/milliorn/airbnb-experiences-landing-page

Clone Landing Page

airbnb airbnb-clone autoprefixer clone html html-css html-css-javascript html5 js jsx landing landing-page landing-pages postcss react reactjs tailwind tailwind-css tailwindcss typescript

Last synced: 14 Dec 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: 09 Jan 2025

https://github.com/vs0uz4/movie-search

Aplicação Desenvolvida no Curso de SvelteJS

javascript jest postcss purgecss svelte tailwindcss testing-library tmdb-api

Last synced: 07 Jan 2025

https://github.com/margo-yunanova/mesto-project

Mesto - социальная сеть для обмена фотографиями

babel css html javascript oop postcss webpack

Last synced: 20 Nov 2024

https://github.com/elchininet/postcss-rtlcss-less-and-sass

Webpack configuration to use postcss-rtlcss with less and sass

css left-to-right less ltr postcss postcss-plugin postcss-rtlcss right-to-left rtl sass

Last synced: 19 Nov 2024

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

Last synced: 04 Jan 2025

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/morzhanov/react-ts-boilerplate

React + TypeScript Boilerplate allows you to start new web project from scratch using React, TypeScript, Mobx-State-Tree, Mobx and Styled components.

eslint hmr mobx mobx-state-tree mst postcss prettier react react-router-v4 scss styled-components typescript webpack4

Last synced: 30 Dec 2024

https://github.com/osamamammar/etch-a-sketch

JS practice project from (The Odin Project). etch a sketch

css game html javascript postcss pugjs theodinproject workflow

Last synced: 05 Dec 2024

https://github.com/morzhanov/react-flow-boilerplate

React Flow Boilerplate allows you to start new web project from scratch using React and Flow.

babel css eslint flow javascript mobx mobx-react mobx-state-tree mst postcss prettier react react-router-v4 sass scss styled-components webpack

Last synced: 30 Dec 2024

https://github.com/juanpdn/github-profile

GitHub Profile: Aplicación de búsqueda de perfiles de GitHub usando HTML, CSS y JavaScript. Permite buscar por nombre de usuario, ver seguidores, seguidos, ubicación y repositorios, y acceder a detalles de cada repositorio. Diseño responsivo y funcional.

api-rest css github-profile nextjs postcss tailwind typescript

Last synced: 11 Oct 2024

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/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: 05 Jan 2025

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/rc6799/vue-sell-car

Flutter Buy Sell

axios postcss sass tailwindcss vue3

Last synced: 07 Jan 2025

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/emranffl/data-security-blockchain

Thesis work.

blockchain blockchain-technology graph network nextjs postcss security tailwind tailwind-css typescript vizjs

Last synced: 24 Dec 2024

https://github.com/anxdydx/agencyworkflow

✨🌃💫 A web-portfolio for an online paid media agency with built-in cms backend with sanity written in next.js webframework and mongodb in collaboration.

autoprefixer cms nextjs postcss sanity tailwindscss

Last synced: 11 Oct 2024

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

Postcss 2k17

css js postcss

Last synced: 18 Nov 2024

https://github.com/bacoords/postcss-understrap-palette-generator

PostCSS plugin to generate a json file for Understrap theme

bootstrap postcss understrap wordpress

Last synced: 30 Oct 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/niallobrien/asset-pipeline-tailwind

Drop-in asset pipeline for TailwindCSS

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

Last synced: 12 Nov 2024

https://github.com/solis-lab/training

The base training for creating a Frontend Development module. ES6, SCSS/postCSS supports.

es6-javascript postcss

Last synced: 27 Dec 2024

https://github.com/cendekia/screwmate-storybook

hacktoberfest hacktoberfest2021 postcss react storybook tailwind tailwindcss

Last synced: 29 Dec 2024

https://github.com/krypton225/manage-landing-page

This is just a training in Front End Mentor website.

css3 frontend-mentor html5 postcss pugjs webpack

Last synced: 26 Dec 2024

https://github.com/lumenpearson/docs-goodbyedpi-ui

User-friendly documentation for GoodbyeDPI/UI, a graphical interface for managing GoodbyeDPI scripts. It allows you to easily change DPI settings and run the corresponding scripts.

apache2 docs eslint goodbyedpi goodbyedpi-ui husky lucide mdx nextjs npm-run-all pnpm postcss prettier radix-ui react shadcn-ui tailwindcss typescript vercel webpack

Last synced: 11 Oct 2024

https://github.com/amansuryavanshi-1/av-news-stream

AV NewsStream: Stream, read, and listen to real-time news from diverse sources. Engage effortlessly with text-to-speech, real-time updates, and hands-free voice controls, all in one app!

cors daisy-ui emailjs github-api gnews-io html javascript news-api postcss react react-context react-icons react-router-dom redux-toolkit tailwind-css text-to-speech vercel vite youtube-api