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-25 00:23:08 UTC
JSON Representation

https://github.com/rc6799/vue-sell-car

Flutter Buy Sell

axios postcss sass tailwindcss vue3

Last synced: 07 Jan 2025

https://github.com/ryan-dorman/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: 06 Jan 2025

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

https://github.com/efiand/device

Интернет-магазин гаджетов.

bem favicons gulp portfolio-project postcss posthtml range-slider sprite webpack

Last synced: 13 Jan 2025

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/byteboomers/byteboomers-ui

Byteboomers UI

postcss ui

Last synced: 20 Dec 2024

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

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

babel css html javascript oop postcss webpack

Last synced: 21 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/efiand/pineglade-app

Engine for launching and assembling small and medium-sized sites.

bem-linter boilerplate eslint fastify lintspaces markdownlint postcss sprite squoosh stylelint svelte-routing svelte-ssr svgo w3c-validation webpack

Last synced: 13 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/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/lagden-development/lagden.dev

The official website for Lagden Development; built with NextJS and TypeScript.

eslint js nextjs postcss react tailwindcss typescript

Last synced: 27 Dec 2024

https://github.com/jgarber623/eleventy-plugin-postcss

An Eleventy plugin for processing CSS files with PostCSS.

11ty 11ty-plugin eleventy eleventy-plugin postcss

Last synced: 09 Oct 2024

https://github.com/cogoo/react-skeleton

React Starter w/ Webpack, PostCSS, Tailwind, ESLint

eslint postcss react react-starter reactjs tailwind tailwindcss webpack4

Last synced: 05 Dec 2024

https://github.com/efiand/wfl

Лендинг музыкального альбома. Демонстрация плейлиста на Web Audio API

bem eslint favicons gulp opengraph portfolio-project postcss posthtml sprite stylelint webpack

Last synced: 13 Jan 2025

https://github.com/monokrome/webpack-react-redux-starter

postcss react redux website

Last synced: 20 Dec 2024

https://github.com/milliorn/user-dashboard

Simple and intuitive interface for managing user data. Mobile responsive dashboard with dark mode.

autoprefixer chartjs dashboard eslint next nextjs postcss react react-icons reactjs tailwind tailwind-css tailwindcss tailwindui typescript

Last synced: 14 Dec 2024

https://github.com/milliorn/travel-journal

Travel landing page in React using Tailwind.

autoprefixer css html html-css html-css-javascript html5 javascript js jsx landing landing-page landingpage postcss react react-uuid reactjs tailwind tailwind-css tailwindcss typescript

Last synced: 14 Dec 2024

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/jguddas/jumpstart

Config and boilerplate free dev/build tool.

babel eslint jest less lightscript postcss sass typescript webpack

Last synced: 23 Jan 2025

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

🚀 Webpack 5 Boilerplate

autoprefixer cssnano eslint jest postcss scss stylelint swc webpack webpack5

Last synced: 19 Dec 2024

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/savvy-css/generator-savvy-css

Yeoman generator for scaffolding out a Savvy module or utility

css css-framework functional-css postcss savvy-css

Last synced: 23 Jan 2025

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/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/belchenkov/nexter

Create Site with html5, css3 (Grid system)

css3 grid html5 node-sass postcss scss

Last synced: 19 Dec 2024

https://github.com/heywon0909/code-bot-ui

nodejs postcss tailwindcss

Last synced: 27 Dec 2024

https://github.com/garthdb/postcss-add-bem-modifier

A PostCSS plugin to append a BEM modifier to CSS classes.

bem css postcss

Last synced: 30 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: 14 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/afeiship/postcss-one-to-many

One to many for postcss.

many margin one padding postcss to

Last synced: 14 Dec 2024

https://github.com/subsetcss/parser

core css parser postcss subsetcss

Last synced: 30 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: 19 Dec 2024

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

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

hacktoberfest hacktoberfest2021 postcss react storybook tailwind tailwindcss

Last synced: 29 Dec 2024

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

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

Last synced: 20 Dec 2024

https://github.com/inambe/simple-postcss-webpack-template

Simple webpack project template with PostCSS integrated.

postcss webpack4

Last synced: 06 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/inambe/sass-postcss-wp-template

Webpack project template with SASS and PostCSS integrated.

postcss sass webpack4

Last synced: 06 Dec 2024

https://github.com/cushjs/cush-plugin-postcss

CSS plugins for cush

cush cush-plugin postcss

Last synced: 17 Jan 2025

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/agneym/react-app

React App Webpack 4 Configuration.

boilderplate build-tools eslint minifies postcss prettier react webpack

Last synced: 29 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/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/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/saulwolfdev/skeleton

babel javascript npm postcss sass webpack

Last synced: 17 Jan 2025

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/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/kernix13/postcss-demo

Basic setup to using PostCSS

postcss

Last synced: 05 Jan 2025

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/givebest/postcss-usage

autoprefixer postcss

Last synced: 22 Dec 2024

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/pascalduez/eleventy-css

11ty css css-modules eleventy postcss stylesheets

Last synced: 07 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/jondotsoy/equip-resources-basestyles

Shared resources for component implementation.

css postcss

Last synced: 27 Nov 2024

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

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

Personal website

personal-website postcss yarn

Last synced: 15 Jan 2025

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/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/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/scarfacedeb/brunch-elixir-web

Brunch skeleton for basic elixir frontend

brunch postcss

Last synced: 19 Dec 2024

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/nishathub/lawyer-landing-page

A lawyer portfolio responsive website with night-mode

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

Last synced: 16 Jan 2025

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: 16 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: 22 Jan 2025

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

PostCss plugin to use environment variables in CSS

css env envariables postcss postcss-plugin webpack4

Last synced: 07 Dec 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: 16 Jan 2025

https://github.com/studioalex/postcss-fontify

postcss-fontify is a lightweight PostCSS plugin that generates font-related CSS properties and declarations, saving you time and effort in your stylesheet development.

font fonts plugin postcss variable-fonts

Last synced: 19 Jan 2025

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/azamat-cto/react-ts-starter

autoprefixer browserslist class-variance-authority clsx eslint husky lint-staged node pnpm postcss prettier react tailwind-merge tailwindcss tailwindcss-animate typescript vite

Last synced: 12 Jan 2025

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/vlad-moskalenko/carshop-next.js

axios next postcss react react-dom tailwindcss typescript

Last synced: 16 Jan 2025

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

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

postcss

Last synced: 22 Jan 2025

https://github.com/frikadellios/astropampers

Astro Static starter website template for Vercel

astro daisyui editorconfig eslint nanocss pnpm postcss prettier react tailwind typescript vercel

Last synced: 12 Jan 2025

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: 07 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/tomasz-sodzawiczny/postcss-plugin-chain

Utility for chaining multiple PostCSS plugins as a single one.

chain chaining plugin postcss postcss-plugin

Last synced: 22 Jan 2025

https://github.com/minipoly/client

Client for minipoly game

eslint fsd i18n postcss prettier react tailwindcss typescript vite yarn-berry

Last synced: 16 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/vinpac/webpack-modular-css-loader

Loader to transform CSS string into module

css javascript loader modular postcss webpack

Last synced: 22 Jan 2025

https://github.com/mishantrop/elenapisarenko

Portfolio website for artist elenapisarenko.ru

nextjs portfolio portfolio-website postcss react tailwind tailwindcss typescript website

Last synced: 21 Dec 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: 07 Dec 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: 21 Jan 2025

https://github.com/leomssilva/cineflix

:clapper: :computer: :iphone: This project is about a website that lists movies.

autoprefixer commitizen commitlint eslint firebase-hosting husky javascript lintstaged phosphor-react postcss prettier reactjs tailwindcss typescript vite

Last synced: 31 Dec 2024

https://github.com/castastrophe/postcss-rgb-mapping

A PostCSS plugin to parse out rgb values into distinct custom properties

css postcss postcss-plugin

Last synced: 15 Oct 2024

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

https://github.com/khronosleung/postcss-iconfont

基于PostCSS 处理多个SVG文件生成 SVG/TTF/EOT/WOFF/WOFF2 字体图标

postcss postcss-plugin

Last synced: 20 Jan 2025

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

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/locol23/webpack-scss-starter

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

postcss scss webpack

Last synced: 08 Jan 2025

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

Plugin for PostCSS to transform URLs using a mapping object.

javascript postcss

Last synced: 20 Jan 2025

https://github.com/iamkhan21/svelte-typescript-vite-template

A starter template for Svelte Application that comes preconfigured with Typescript, Svelte SPA router, Siimple for styling, and PostCSS. Finally, the template uses Vite to bundle it all together.

netlify postcss svelte sveltejs template typescript vite