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-11 00:23:44 UTC
JSON Representation

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/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/gogo200202/next-portfolio

Portfolio build with next js

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

Last synced: 11 Feb 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/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/savvy-css/savvy

A Lightweight & Highly-Composable Modular CSS Framework

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

Last synced: 02 Feb 2025

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

https://github.com/p-chan/rr-sk

Riot-Rollup-Starterkit

postcss riot rollup

Last synced: 08 Feb 2025

https://github.com/andreivictor/webpack-starter

A starter frontend boilerplate using Webpack 5, SASS, PostCSS, Babel, ESLint, Stylelint, Prettier and more.

babel babel7 eslint html husky javascript lintstaged postcss prettier sass starter-kit stylelint webpack webpack-boilerplate webpack5 webpack5-boilerplate

Last synced: 30 Jan 2025

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

Gerenciador de hábitos com Next

eslint nextjs postcss tailwindcss typescript vercel-kv

Last synced: 02 Feb 2025

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

https://github.com/keidrun/boilerplate-webpack-es6-postcss

Boilerplate of a simple website using es6 and postcss with webpack.

boilerplate css css3 es6 javascript postcss webpack webpack3

Last synced: 23 Jan 2025

https://github.com/keidrun/boilerplate-gulp-postcss

Boilerplate of PostCSS with Gulp.

boilerplate css css3 cssnext design es2015 es6 gulp postcss

Last synced: 23 Jan 2025

https://github.com/straw-hat-team/nextjs-starter-kit

Our NextJS starter kit project

nextjs nodejs postcss reactjs starter-kit straw-hat straw-hat-platform tailwindcss

Last synced: 29 Jan 2025

https://github.com/shubhadip/react-vite-component-library

Template to create component library with ReactJs, Typescript, Tailwind, Vite, Playwright, Storybook.

commitlint component-library javascript library postcss reactjs semantic-release storybook tailwind tailwindcss template typescript vite vitejs

Last synced: 29 Jan 2025

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/baraqkamsani/postcss-fluid-style

Build fluid text and style in CSS

css postcss

Last synced: 30 Jan 2025

https://github.com/ashwin-s-nambiar/notes-app

A Full Stack Notes App made to improve my knowledge and ability in Next.js.

full-stack nextjs pocketbase postcss router tailwindcss

Last synced: 30 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/yarastqt/postcss-theme-fallback

A postcss plugin to adding fallback values for css-variables

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

Last synced: 22 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/vlasmn/zhenyavlasov.com

11ty nunjucks postcss

Last synced: 25 Jan 2025

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

Usando PostCSS como alternativa a Sass

css demo postcss

Last synced: 28 Dec 2024

https://github.com/lgraubner/webpack-boilerplate-react

Basic Webpack boilerplate for React projects.

flow hmr jest postcss prettier react webpack webpack-boilerplate

Last synced: 05 Feb 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/liinkiing/react-webpack-boilerplate

Small boilerplate to train myself with webpack configurations, postcss, babel, env files and all those nice stuff

babel7 browserlist postcss react webpack4

Last synced: 05 Feb 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://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/yash-jivani/heritage-detection

Heritage image Detection UI

css es6 html javascript postcss react tailwindcss

Last synced: 22 Dec 2024

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

https://github.com/yash-jivani/bookmarkweb

Bookmark website UI

css html node npm postcss tailwindcss

Last synced: 22 Dec 2024

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/mouhametnd/ecommerce-product

This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js

bem-methodology gulpjs html javascript localstorage postcss scss

Last synced: 17 Jan 2025

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

The landing page of the xutul project

heroicons javascript motion postcss reactjs tailwindcss

Last synced: 09 Feb 2025

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

https://github.com/kernix13/postcss-demo

Basic setup to using PostCSS

postcss

Last synced: 05 Jan 2025

https://github.com/juborajsujon/fix-nexus-client

FixNexus - User can Booked Service and Manage Services and service provider also Added service, update service, view details service and ordered service can update status.

autoprefixer axios daisyui firebase lottie-react postcss react react-datepicker react-helmet-async react-hook-form react-loader-spinner react-markdown react-router-dom react-simple-typewriter react-toastify sweetalert2 tailwindcss

Last synced: 03 Feb 2025

https://github.com/mrhidalgo/vanillajavascript

Effortlessly initiate a high-performance Vanilla JavaScript web application, SPA, or website. Equipped with JavaScript, Tailwind CSS, ESLint, Vite, and more, this setup enables you to start development in moments—sidestepping the typical complexities of environment setup.

bootstrap browserlist css eslint html javascript js postcss prettier responsive scss starter tailwindcss vitejs

Last synced: 03 Feb 2025

https://github.com/juborajsujon/textile-art-client

Textile Art - This website user can find the most valuable 6 category textile art craft items and they can create craft item product card for selling purpose.

animatecss aos autoprefixer daisyui eslint eslint-plugin firebase lottie-react postcss react-helmet-async react-hook-form react-icons react-router-dom react-scroll-trigger react-simple-typewriter react-toastify sweetalert2 tailwindcss tsparticles vite