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-28 00:23:16 UTC
JSON Representation

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/annaindistress/frontend-mentor-faq-accordion

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

css-custom-properties github-actions html postcss vite

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-newsletter-sign-up-form

This is a solution to the newsletter sign-up form with success message challenge on Frontend Mentor

css-custom-properties github-actions postcss react vite

Last synced: 24 Jan 2025

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-todo-app

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

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

Last synced: 24 Jan 2025

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

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

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 github-actions html postcss svg-sprite vanilla-js vite

Last synced: 24 Jan 2025

https://github.com/annaindistress/frontend-mentor-interactive-pricing-component

This is a solution to the interactive pricing component challenge on Frontend Mentor

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

Last synced: 24 Jan 2025

https://github.com/jeromewolff/portfolio

Simple portfolio page hosted on Vercel

node node-js npm portfolio postcss react reactjs sass tailwind tailwind-css tailwindcss typescript vercel vercel-deployment

Last synced: 25 Jan 2025

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

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

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

Last synced: 24 Jan 2025

https://github.com/nju33/postcss-yu-gothic

Postcss plugin for Yu Gothic

postcss yu-gothic

Last synced: 23 Jan 2025

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

Preset for me

postcss postcss-preset

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

Webpack project template with SASS and PostCSS integrated.

postcss sass webpack4

Last synced: 06 Dec 2024

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/inambe/simple-postcss-webpack-template

Simple webpack project template with PostCSS integrated.

postcss webpack4

Last synced: 06 Dec 2024

https://github.com/om-corp/porto-challenge-next

Challenge da Porto Seguro com next.js

next nextjs omcorp postcss react reactjs tailwindcss

Last synced: 16 Jan 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: 20 Dec 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/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/byteboomers/byteboomers-ui

Byteboomers UI

postcss ui

Last synced: 20 Dec 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/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/imjaroiswebdev/jartravels-site

gulp html-css postcss responsive

Last synced: 29 Jan 2025

https://github.com/fmanimashaun/netflix-clone

This is a clone of the netflix website. It is built using react and styled using tailwindcss.

axios firebase postcss react react-router redux-tt tailwindcss

Last synced: 06 Jan 2025

https://github.com/saibarathr/react-audio-wave-modern

ReactWaveform is a React component that provides an interactive waveform visualization for audio files using the WaveSurfer.js library. This component supports custom controls, progress rendering, and regions for marking specific parts of the waveform.

audio-visualizer npm postcss reactjs typescript waveform

Last synced: 12 Oct 2024

https://github.com/the-puppet-studios/sveltis

Sveltis is a preset for building modern Svelte applications.

nodejs postcss svelte sveltekit sveltis tailwindcss ts typescript

Last synced: 12 Oct 2024

https://github.com/cedric-renais/carhub

Ce projet a pour objectif de créer une interface web moderne et dynamique pour une agence de location de voitures.

headlessui next postcss prettier prettier-plugin-tailwindcss tailwind typescript

Last synced: 23 Jan 2025

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/nicolashornero/astro-personal-template

Astro + ESLint + Prettier + PostCSS

astro eslint postcss prettier stylistic

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

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

https://github.com/isuke/postcss-ghost-utils

PostCSS plugin to add helper utils for your CSS

css postcss postcss-plugin

Last synced: 28 Dec 2024

https://github.com/stoyan/cssvalueparserdemo

Demo of postcss-value-parser

css demo parsing postcss

Last synced: 29 Jan 2025

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/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: 13 Dec 2024

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/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/avigoldman/postcss-hex-format

PostCSS plugin to format hexadecimal colors

color css format hex hexadecimal postcss

Last synced: 19 Jan 2025

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/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/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/barraponto/neutrino-preset-postcss-cssnext

cssnext support in Neutrino.

cssnext neutrino neutrino-preset postcss

Last synced: 23 Jan 2025

https://github.com/habbaz-dev/utils

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

2024 2024-project babel commitizen commitlint config eslint habbaz habbazdev markdownlint open-source postcss prettier renovate shareable shareableconfig stylelint ts

Last synced: 11 Oct 2024

https://github.com/erkobridee/astro-ts-tw-hello

Astro Build using TypeScript plus TailwindCSS

astro devcontainer editorconfig eslint gh-pages github-actions postcss prettier tailwindcss template typescript

Last synced: 11 Oct 2024

https://github.com/peter-roh/parcel-experiments

Setting up a professional React project with Parcel as a code bundler.

babel javascript js nomadcoder parcel postcss scss typographyjs

Last synced: 21 Jan 2025

https://github.com/tshasan/tshasan.com

A personal website built with SvelteKit, Vite, and Tailwind CSS. It utilizes modern web development tools like TypeScript, PostCSS, and pnpm.

daisyui pnpm postcss sveltekit tailwind-css vite

Last synced: 11 Oct 2024

https://github.com/iamdipankarpaul/weather-app-react

🌤️ A simple weather app built with React.js that shows current weather data, hourly forecasts, and daily forecasts using OpenWeatherMap API and Open-Meteo API.

axios daisyui eslint javascript mantine-hooks openmeteo-api openweathermap-api postcss react reacthottoast tailwindcss vite weather weather-app

Last synced: 11 Oct 2024

https://github.com/annaindistress/frontend-mentor-recipe-page

This is a solution to the recipe page challenge on Frontend Mentor

css-custom-properties github-actions html postcss vite

Last synced: 27 Dec 2024

https://github.com/davidgarsan/webpack2-components-demo

Messing with Webpack2, ES6, PostCSS...

components ejs es6 postcss webpack webpack2 webpack2-demo

Last synced: 23 Jan 2025

https://github.com/gogo200202/next-portfolio

Portfolio build with next js

github-actions github-pages javascript nextjs postcss react tailwind threejs typescript vite

Last synced: 11 Oct 2024

https://github.com/othytenk/xutul-landing-page

The landing page of the xutul project

heroicons javascript motion postcss reactjs tailwindcss

Last synced: 10 Oct 2024

https://github.com/cedric-renais/nike

Ce projet a pour objectif de créer une interface web moderne et dynamique inspirée des éléments visuels et de l'identité de Nike.

next postcss prettier prettier-plugin-tailwindcss tailwind

Last synced: 05 Jan 2025

https://github.com/markalexi/jugglingshoponvue

Project of shop on Vue 3.

pinia postcss vue-router vue3

Last synced: 16 Jan 2025

https://github.com/keyyard/today-notes

Today Notes is a lightweight, daily task management application built using Next.js, React, TailwindCSS, Prisma, and Postgresql - Supabase. It allows users to create tasks that expire in 24 hours, providing a clean and minimalist interface with support for dark and light themes.

eslint next next-auth next-rpc nextauth nextjs node postcss postgresql prisma prisma-orm react react-dom reactjs sql tailwindcss typescript

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

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

https://github.com/awayken/2016devobjective

PostCSS: A Dumb Name For an Awesome Thing

postcss presentation showcase slides

Last synced: 26 Jan 2025

https://github.com/css-george/postcss-george

A plugin for PostCSS to allow runtime manipulation of variables.

css-variables hacktoberfest postcss

Last synced: 01 Dec 2024

https://github.com/antonio-laguna/demo-postcss

Usando PostCSS como alternativa a Sass

css demo postcss

Last synced: 28 Dec 2024

https://github.com/cabrelngamaleu/invest

invest website

clsx eslint framer-motion nextjs14 postcss react use-debounce

Last synced: 31 Dec 2024

https://github.com/samuelribeiroo/lunnaris

A modern landing page for AI-based software as as service.

framer-motion lucide-icons next-14 postcss tailwindcss

Last synced: 26 Jan 2025

https://github.com/diegoreports/bike-tailwindcss

Project in Reactjs, developed as an object of study in a Tailwindcss class. It aims to explore the resources of utility classes, as well as gain greater knowledge in customizing properties and themes.

bicicleta biker css framer-motion javascript javascript-mastery landing-page landing-page-bicicleta landing-page-biker mobile postcss reactjs responsive-design tailwindcss vite

Last synced: 07 Dec 2024

https://github.com/wearerequired/js

📦 Monorepo for JavaScript packages used @wearerequired.

boilerplate browserlist postcss

Last synced: 13 Nov 2024

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

Clone version of Startupz landing page

javascript postcss reactjs tailwindcss-v3

Last synced: 11 Jan 2025

https://github.com/matthewbub/css4life

Convert Postcss to CSS via CLI

cli css postcss

Last synced: 20 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/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/beraliv/tda-mz-netlify-cms

Netlify CMS + Netlify + React

material-ui netlify netlify-cms postcss react react-helmet

Last synced: 25 Jan 2025

https://github.com/yakovlev-alexey/next-pcss

Import global `.pcss` files in your Next.js project.

next nextjs pcss postcss

Last synced: 18 Dec 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/vandodev/ignite-tailwind

Conteúdo do ignite Masterizando o tailwind, criando uma UI de dashboard com Next

ignite ignite-rocketseat nextjs postcss reactjs tailwind tailwind-css

Last synced: 07 Dec 2024

https://github.com/vandodev/gerenciador-de-habitos

Gerenciador de hábitos com Next

eslint nextjs postcss tailwindcss typescript vercel-kv

Last synced: 07 Dec 2024

https://github.com/nathaliaveneziano/rocketseat-ignite-lab-react-2

Projeto de uma plataforma de aulas com cadastro realizado no Ignite 02 da Rocketseat.

apollo graphql javascript postcss tailwindcss typescript

Last synced: 22 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/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/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/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/kernix13/postcss-demo

Basic setup to using PostCSS

postcss

Last synced: 05 Jan 2025

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/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/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/apis/go-htmx-post-css-example

Example CRUD Web application written in Go, HTMX, PostCSS

go-template golang htmx postcss vite

Last synced: 22 Dec 2024

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

海云页面布局组件

npm postcss react rollup

Last synced: 07 Dec 2024

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

A Lightweight & Highly-Composable Modular CSS Framework

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

Last synced: 07 Dec 2024

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