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/matan3sh/personal-app

nextjs postcss tailwindcss typescript

Last synced: 24 Jan 2025

https://github.com/nicolashornero/astro-personal-template

Astro + ESLint + Prettier + PostCSS

astro eslint postcss prettier stylistic

Last synced: 28 Dec 2024

https://github.com/theelegantcoding/solid_template_webpage

📦️ This is a basic template that includes everything you need to get started web development with solid-js. It includes a simple counter application, as well as some documentation and examples.

clean-architecture clean-code design-system eslint node performance pnpm postcss sass solid-js style-guide typescript vite web-development

Last synced: 07 Dec 2024

https://github.com/chrisross5/kiki-storage-web

College project (Final thesis): A cloud storage app focused on front-end, utilizing Firebase to its maximum extent for a real-time, highly customizable cloud file explorer.

daisyui firebase firebase-auth firebase-firestore firebase-hosting firebase-realtime-database firebase-storage pinia postcss tailwindcss typescript vite vue vue-composition-api vue-router vue-slicksort vuefire vueuse

Last synced: 15 Jan 2025

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/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/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/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/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/hrfmmymt/react-babel-webpack

axios babel javascript postcss react-router reactjs superagent webpack2

Last synced: 17 Jan 2025

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

babel carousel-plugin postcss rollup vanilla-javascript

Last synced: 17 Jan 2025

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

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/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/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/silvestrevivo/webpack-starter

Project starter template built with WebPack. It contains Babel to compile ES6 to ES5, as well as CSS and SASS loaders.

babel-webpack babeljs boilerplate-template browsersync css3 html5 javascript postcss starter-project starter-template template webpack2

Last synced: 16 Jan 2025

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/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-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/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/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/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/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/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/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/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/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/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/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/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/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/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/antonio-laguna/demo-postcss

Usando PostCSS como alternativa a Sass

css demo postcss

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/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/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/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://github.com/avigoldman/postcss-hex-format

PostCSS plugin to format hexadecimal colors

color css format hex hexadecimal postcss

Last synced: 19 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/barraponto/neutrino-preset-postcss-cssnext

cssnext support in Neutrino.

cssnext neutrino neutrino-preset postcss

Last synced: 23 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/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/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/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/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/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/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/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/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/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/cabrelngamaleu/invest

invest website

clsx eslint framer-motion nextjs14 postcss react use-debounce

Last synced: 31 Dec 2024

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

Brunch skeleton for basic elixir frontend

brunch postcss

Last synced: 19 Dec 2024

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

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