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/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: 07 Feb 2025

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

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

https://github.com/kibria-khandaker/nextjs-pc-builder

It is a PC Builder website for PC parts and components using Next.js. The website include a PC Builder tool where users can add selected PC components to build their own PC.

eslint next-auth nextjs postcss react react-toastify redux redux-persist redux-toolkit tailwindcss vercel-deployment

Last synced: 26 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/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: 02 Feb 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: 07 Feb 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: 07 Feb 2025

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

11ty css css-modules eleventy postcss stylesheets

Last synced: 02 Feb 2025

https://github.com/simmzl/ele

Vue.js 2.0 仿饿了么Web APP

better-scroll es6 eslint postcss stylus vue webpack

Last synced: 19 Jan 2025

https://github.com/trevonerd/postcss-mixins-css-grid

A CSS Grid mixin for the PostCSS Mixins plugin. The easiest way to implement a responsive grid system using CSS Grid.

css-grid css-grid-mixin postcss postcss-mixins postcss-mixins-plugin

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-time-tracking-dashboard

This is a solution to the time tracking dashboard challenge on Frontend Mentor

css-custom-properties github-actions postcss react rest-api svg-sprite vite

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-clock-app

This is a solution to the clock app challenge on Frontend Mentor

css-custom-properties github-actions html ip-geolocation-api postcss quotable-api svg-sprite vanilla-js vite worldtimeapi

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-advice-generator-app

This is a solution to the advice generator app challenge on Frontend Mentor

advice-slip-api css-custom-properties github-actions html postcss vanilla-js vite

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-results-summary

This is a solution to the results summary challenge on Frontend Mentor

css-custom-properties github-actions html postcss vanilla-js vite

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-scoot-multi-page-website

This is a solution to the scoot multi-page website challenge on Frontend Mentor

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

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-project-tracking-intro

This is a solution to the project tracking intro component challenge on Frontend Mentor

css-custom-properties github-actions html postcss tailwind-css vanilla-js vite

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-news-homepage

This is a solution to the news homepage challenge on Frontend Mentor

css-custom-properties gulp html postcss vanilla-js

Last synced: 24 Jan 2025

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

This is a solution to the 3-column preview card component challenge on Frontend Mentor

css-custom-properties gulp html postcss

Last synced: 24 Jan 2025

https://github.com/andre-araujo/weather-app

A simple app to do Weather forecast world-wide using Parceljs and ReactJs

docker lesscss nodejs parcel-bundler postcss reactjs

Last synced: 19 Jan 2025

https://github.com/avigoldman/postcss-colornames-to-hex

PostCSS plugin to convert color names to hexadecimal values

colornames colors hexidecimal plugin postcss

Last synced: 19 Jan 2025

https://github.com/mohammed-taysser/gym

Golds GYM is a premier fitness website that offers a comprehensive platform for fitness enthusiasts and individuals seeking to improve their health. The site provides a wide range of resources, including workout plans, nutrition advice, and personal training services. Golds GYM is renowned for its high-quality content, expert trainers, and a suppor

eslint mui mui-material postcss react react-icons typescript

Last synced: 15 Feb 2025

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

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

PostCss plugin to use environment variables in CSS

css env envariables postcss postcss-plugin webpack4

Last synced: 02 Feb 2025

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

This is webpack boilerplate (vue, ts, scss, postcss, browserslist, babel, eslint, stylelint, prettier, docker)

babel browserslist docker eslint postcss prettier scss stylelint ts vue

Last synced: 19 Jan 2025

https://github.com/jeffubayi/nyumba

An App that offers arrangements for homestays similar to Airbnb.com

mockup postcss tailwindcss

Last synced: 20 Jan 2025

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

Postcss plugin to prepend or append comments to CSS rules

comments css postcss postcss-plugin

Last synced: 20 Jan 2025

https://github.com/semanticdata/mangu

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

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

Last synced: 08 Feb 2025

https://github.com/pronoia9/promptle

Unleash your creativity and ignite inspiration with Promptle! This innovative Next.js application is your gateway to a world of limitless ideas. Share prompts, spark creativity, and watch ideas flourish as you connect with a community of like-minded individuals. Dive into Promptle and let your imagination soar!

autoprefixer bycrypt css fullstack html javascript mongodb mongoose next-auth nextjs postcss react tailwindcss

Last synced: 24 Jan 2025

https://github.com/pronoia9/metaversus

autoprefixer css gh-pages html javascript nextjs postcss react tailwindcss

Last synced: 24 Jan 2025

https://github.com/sakkke/svelte-ultimate-template

A starter template for Progressive Web App with Svelte + TypeScript + SugarSS

eslint gitpod jest nodejs parcel postcss pwa starter stylelint sugarss svelte template typescript

Last synced: 25 Jan 2025

https://github.com/hemanthkumarsunkari27/food-website

A visually appealing and user-friendly food website allowing users to browse various food items, view details, and explore recipes or descriptions. Built with HTML, CSS, JavaScript, and bundled with Vite for fast, optimized loading.

css food-website front-end html javascript postcss recipes responsive-design vite web-development

Last synced: 25 Jan 2025

https://github.com/evaaaaawu/website-starter-template

A design system that can be used to build websites.

postcss sass vite

Last synced: 31 Jan 2025

https://github.com/evaaaaawu/brandboosters

Project to practice sass

postcss sass vite

Last synced: 31 Jan 2025

https://github.com/evaaaaawu/barbershop

Project to practice sass

postcss sass vite

Last synced: 31 Jan 2025

https://github.com/apis/go-htmx-post-css-example

Example CRUD Web application written in Go, HTMX, PostCSS

go-template golang htmx postcss vite

Last synced: 14 Feb 2025

https://github.com/yjg30737/tailwind-css-react-tutorial

Using Tailwind CSS in React project (with PostCSS)

css postcss react tailwind-css tailwind-tutorial tailwindcss

Last synced: 03 Jan 2025

https://github.com/afeiship/postcss-one-to-many

One to many for postcss.

many margin one padding postcss to

Last synced: 07 Feb 2025

https://github.com/silvestrevivo/webpack4-starter

React starter boilerplate built with WebPack4. It contains some improvements respect the previous version, as weel as optimalizations got from the Parcel Starter respository.

babel classnames enzime eslint hot-reload html javascript jest postcss prettier prettier-eslint reactjs redux sass scss webpack4 webpack4boilerplate webpack4starter yarn

Last synced: 25 Jan 2025

https://github.com/silvestrevivo/react-mobiquity

Small react application fetching data from https://ergast.com/mrd/ to show custom results

axios babel eslint html5 javascript postcss reactjs sass webpack4

Last synced: 25 Jan 2025

https://github.com/heliolj/nlw-spacetime-web

Front-end usando ReactJS, NextJS, TypeScript e mais tecnologias. Criado durante o evento da Rocketseat NLW.

autoprefixer axios eslint jwt-decode lucide-icons next nextjs postcss prettier react reactjs tailwindcss typescript

Last synced: 25 Jan 2025

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

https://github.com/ssschneider/tailwind-practice

Make it Rain! is a non-interactive landing page project developed to practice TailwindCSS.

eslint figma hero-icons nextjs postcss tailwindcss typescript

Last synced: 31 Jan 2025

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

PostCSS plugin to increase the specificity of selectors

css postcss postcss-plugin specificity

Last synced: 07 Feb 2025

https://github.com/yarastqt/postcss-theme-fallback

A postcss plugin to adding fallback values for css-variables

css-vars css-vars-fallback postcss postcss-plugin

Last synced: 14 Feb 2025

https://github.com/elquimista/react-app-suspenders

A React app template

airbnb-eslint create-react-app decorators postcss prettier-eslint react-app-rewired react-router redux redux-actions redux-form redux-persist redux-thunk reselect

Last synced: 31 Jan 2025

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

https://github.com/yash-jivani/heritage-detection

Heritage image Detection UI

css es6 html javascript postcss react tailwindcss

Last synced: 14 Feb 2025

https://github.com/yash-jivani/ens-cryptoweb

Real-time trading status for the top Cryptocurrency

api css cyptocurrency html javascipt livedata postcss react tailwindcss

Last synced: 14 Feb 2025

https://github.com/halo-design/halo-optimus

ಠ_ಠ Scaffolding with the latest react components

babel es2017 eslint express gulp isomorphic-fetch moment nprogress postcss pug react react-redux react-router-v4 redux redux-logger redux-thunk sass socket-io webpack-hot-middleware webpack3

Last synced: 31 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/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: 01 Feb 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/thoughtbit/lego-ui

🐬 一个面向未来的、灵活的、低耦合的CSS解决方案

css postcss

Last synced: 07 Feb 2025

https://github.com/romsendz/ugcc-pokrov-church-v2

A volunteer-driven Next.js project for the UGCC Church in my lovely hometown. Complete rebuild to improve usability, performance, and design. Aims to provide an intuitive and accessible online presence for the church community. Responsive & adaptive

backend external-api nextjs postcss react react-dom reactcontextapi scss ssr tailwindcss typescript

Last synced: 14 Feb 2025

https://github.com/thedroelfi/postcss-responsive-css-values

This PostCSS plugin provides you with a function that allows you to use dynamic values instead of static CSS values, which are automatically reduced from a defined breakpoint.

css css-values postcss postcss-plugin responsive-design responsive-web-design

Last synced: 14 Feb 2025

https://github.com/shruthisriv/imdbclone

context-api css html html-css-javascript javascript postcss prefixer react reactjs redux redux-toolkit tailwindcss

Last synced: 14 Feb 2025

https://github.com/nickshiro/skymosaic

Create your unique star map poster to commemorate a special date

eslint gh-pages html2canvas pnpm postcss prettier sveltekit tailwindcss typescript vite yandex-maps

Last synced: 01 Feb 2025

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

https://github.com/fsmaiorano/entity-frameworkcore-boilerplate

:computer: A boilerplate to configure a Entity FrameworkCore correctly.

csharp entity-framework-core migrations netcore2 node-sass npm-scripts postcss

Last synced: 15 Feb 2025

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

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

https://github.com/marlon-couto/marlon-couto.github.io

Meu portfólio pessoal criado com Astro, TypeScript e Bootstrap.

astro autoprefixer bootstrap developer-portfolio postcss scss typescript

Last synced: 15 Feb 2025

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

Simple webpack project template with PostCSS integrated.

postcss webpack4

Last synced: 01 Feb 2025

https://github.com/inambe/sass-postcss-wp-template

Webpack project template with SASS and PostCSS integrated.

postcss sass webpack4

Last synced: 01 Feb 2025

https://github.com/nirtamir2/weather-next

google-maps linaria nextjs postcss react-beautiful-dnd react-content-loade react-query react-select reactjs typescript

Last synced: 01 Feb 2025

https://github.com/hellothisisflo/webpack-sandbox

A working WebPack setup where every step of the configuration is a separate commit

autoprefixer build-tool css javascript postcss scss webpack

Last synced: 08 Feb 2025

https://github.com/connectkushal/cssnotes

Revision notes for css, sass and tools to work on them. Also notes on bulma and bootstrap5.

bootstrap5 bulma bulma-css bulma-css-framework css css-flexbox css-grid css3 postcss sass sass-framework vite

Last synced: 01 Feb 2025

https://github.com/vladis1av-code/chat

Test work in a team

css cssnano html javascript nodejs npm postcss sass

Last synced: 01 Feb 2025

https://github.com/robinck/webpack-starter-kit

Boilerplate project for a web application requiring es6 / es7, webpack 🇺🇦

autoprefixer babel es6 es7 eslint hmr html-injection less linter live-reload postcss scss starter-kit starter-project starter-template static stylelint webpack

Last synced: 08 Feb 2025

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

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

postcss

Last synced: 10 Jan 2025

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

PostCSS Preset Env + CSS Modlues

docz docz-plugin postcss

Last synced: 02 Jan 2025

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/mirzobox/tic-tac-toe-selfmade

Tic, Tac, Toe game. Used min-max algorithm.

daisyui html javascript js-modules min-max-algorithm postcss tailwindcss vitejs

Last synced: 21 Jan 2025

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