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:

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.

https://github.com/pierreburel/postcss-em

PostCSS plugin to convert px in em.

css em postcss

Last synced: 15 Dec 2024

https://github.com/alexz7000/clean-react-template

Clean Arch + React + Typescript + SWC + Vite + TailwindCSS + Eslint + Prettier + Husky + Jest + Testing library template

babel eslint html husky jest postcss prettier react reactts setup simple swc tailwind tailwind-css tailwindcss template testing-library type typescript vite

Last synced: 11 Feb 2025

https://github.com/philipbordallo/postcss-system-monospace

Monospace fonts from your operating system

css font-family monospace postcss

Last synced: 17 Nov 2024

https://github.com/alexandr-g/nextjs-tailwind-starter

Unofficial minimalistic NextJS + Tailwind CSS starter kit

nextjs nextjs-tailwind postcss tailwind tailwind-css tailwindcss

Last synced: 20 Oct 2024

https://github.com/gojek/postcss-customprop-validate

PostCSS plugin to validate fallback values of CSS custom properties

postcss postcss-plugin

Last synced: 14 Nov 2024

https://github.com/grabss/grabcss

A minimal, utility-first CSS framework for rapid UI development.

css css-framework minimal postcss utility-first

Last synced: 08 Nov 2024

https://github.com/gorriecoe/postcss-functions-lite

PostCSS plugin for exposing JavaScript functions.

postcss postcss-functions

Last synced: 10 Jan 2025

https://github.com/ospoon/postcss-dynamic-pixel

零负担实现像素级 UI 缩放

pixel postcss postcss-plugin

Last synced: 11 Feb 2025

https://github.com/felixzc/node-toolkit

常用工具箱函数合集代码

babel electron jscodemod postcss posthtml

Last synced: 11 Feb 2025

https://github.com/br0ken-/prototyping-tool

Do "npm install" and start prototyping.

babel eslint gulp php postcss prototype-kit scss stylelint webpack

Last synced: 04 Feb 2025

https://github.com/calico32/postcss-color-contrast

PostCSS `color-contrast()` polyfill

color-contrast css polyfill postcss

Last synced: 16 Feb 2025

https://github.com/francis-tg/qrcodeapp

Generate and scan QrCode App

css daisyui html5 javascript postcss tailwindcss vue vuejs

Last synced: 06 Nov 2024

https://github.com/danny-englander/quartz

A Drupal 10 Single Directory Components theme using PostCSS and Storybook

components css drupal laravelmix postcss storybook twig

Last synced: 19 Feb 2025

https://github.com/saneef/nanools-tokens

Source code for tokens2css.nanools.com

design-tokens postcss svelte

Last synced: 11 Feb 2025

https://github.com/karolis-sh/postcss-stats

Simple package that prints your css stats to console

css cssstats postcss postcss-plugins

Last synced: 16 Feb 2025

https://github.com/hiro0218/postcss-media-hover-any-hover

PostCSS plugin wraps selectors with :hover with at-media (hover: hover) block

postcss postcss-plugin

Last synced: 11 Feb 2025

https://github.com/jmsedwrdmnkme/front-end-boilerplate

Modern, optimised, minimal front end boilerplate; installed and kept up to date via PNPM.

boilerplate-front-end browsersync critical-css gulp handlebars imagemin pnpm postcss purgecss static-site vanilla-css vanilla-javascript webp webpack

Last synced: 13 Feb 2025

https://github.com/tycrek/express-postcss

Express.js middleware for on-demand PostCSS compiling

express-middleware jit postcss

Last synced: 20 Nov 2024

https://github.com/liuyunhe/sharp-ui

sharp-ui，一套为开发者准备的基于 Vue 3.0 的桌面端组件库

es6 fort-awesome good-first-issue postcss up-for-adoption up-for-archiving up-for-grabs vue3-typescript

Last synced: 11 Feb 2025

https://github.com/solygambas/html-css-travel-site

A travel website to understand BEM architecture, PostCSS and Webpack.

bem css3 html5 javascript postcss react webpack

Last synced: 13 Feb 2025

https://github.com/hungpm372/ideaboard

Ideaboard is a powerful and intuitive application designed to boost creativity, planning, and collaboration. Perfect for teams, creators, and entrepreneurs, Ideaboard transforms your ideas into actionable plans.

board clerk-auth convex liveblocks nextjs postcss reactjs shadcn-ui tailwindcss

Last synced: 11 Feb 2025

https://github.com/victor-casta/castadev.me

This project showcases my personal portfolio, a window into my journey in the world of development. Here you'll find a collection of projects that reflect my passion and skills in the technology field. Explore, discover, and connect! ✨

astro postcss prettier tailwindcss

Last synced: 18 Nov 2024

https://github.com/siilike/gradle-javascript-toolkit

Seamless JavaScript development with Gradle

gradle gradle-plugin javascript nodejs pnpm postcss webpack

Last synced: 17 Jan 2025

https://github.com/luovtyrell/star-wars

A dynamic React webpage that presents information about spacecraft from the Star Wars universe using SWAPI. Users can browse a list of ships, view detailed information on individual spacecraft, and manage access through authentication.

context css3 custom-hook daisy-ui eslint firebase image-server javascript jsx postcss prettier prop-types react reactrouterdom swapi-api tailwind-css vite

Last synced: 11 Feb 2025

https://github.com/winston0410/bewater

A PostCSS plugin that helps you automatically apply `clamp()` to values to achieve a fluid design efficently.

bewater postcss postcss-plugin postcss-sparrow

Last synced: 14 Feb 2025

https://github.com/mishantrop/bunnyhope

Frontend for https://bunnyhop.pro

bem css es6 gulp postcss webpack

Last synced: 14 Feb 2025

https://github.com/neetjn/neetjn.github.io

My personal portfolio SPA created with Svelte.js and Tailwind CSS.

javascript nodejs parcel portfolio postcss progressive spa svelte sveltejs tailwind tailwindcss

Last synced: 14 Feb 2025

https://github.com/omnious/omnious-web-utils

Web utils for omnious.

css javascript postcss react typescript

Last synced: 29 Jan 2025

https://github.com/sparkbox/splinter

🐭 Parse and split SCSS files based on functions and mixins.

ast postcss scss

Last synced: 13 Jan 2025

https://github.com/dunwu/css-tutorial

:book: css 学习笔记

css css3 less postcss sass

Last synced: 15 Feb 2025

https://github.com/clarksource/ember-css-modules-config

Bootstraps ember-css-modules with various PostCSS plugins and good defaults.

ember-addon ember-css-modules postcss

Last synced: 28 Nov 2024

https://github.com/jorgeatgu/base-rollup

🚀 Starter kit: rollup + d3 + postcss

bash d3 javascript postcss rollup script starter-kit

Last synced: 06 Jan 2025

https://github.com/bush1d3v/navarro_blog_front

The Navarro Blog API is built on high scalability and performance, implementing queues, cache banks, CI/CD jobs, automated code and dependency analysis, and a focus on testing and documentation.

actions biomejs bun cypress docker mitt nodejs nuxt pinia postcss shadcn-vue storybook tailwindcss typescript vitest vue vueuse

Last synced: 20 Jan 2025

https://github.com/giacomoferretti/postcss-color-rgb-tailwind

PostCSS plugin to transform modern CSS Color Module Level 4 to legacy CSS Color Module Level 3.

postcss postcss-plugin tailwindcss

Last synced: 08 Feb 2025

https://github.com/abdallahhemdan/css-nesting

Nesting CSS selectors natively using PostCSS as an experiment for the draft of CSSWG

css csswg nesting-styles postcss postcss-plugin

Last synced: 06 Feb 2025

https://github.com/thoughtbit/postcss-simple-reset

:cyclone: PostCSS插件，全局样式的重置，以及单个元素的常用属性重置功能。

postcss postcss-plugins

Last synced: 07 Feb 2025

https://github.com/fourjuaneight/docker-hugo-postcss

👷🏽‍♂️ Docker base image that includes Hugo, npm, and PostCSS.

docker hugo npm postcss

Last synced: 21 Jan 2025

https://github.com/cheesecakelabs/gatsby-boilerplate

Cheesecake Labs + Gatsby = 💜

eslint postcss storybook stylelint

Last synced: 16 Jan 2025

https://github.com/francoisromain/postcss-grid-fluid

A PostCSS plugin to create fluid grids.

css flexbox float grid-system postcss postcss-plugin

Last synced: 12 Feb 2025

https://github.com/kristerkari/react-native-typed-postcss-transformer

PostCSS transformer with Typescript support for React Native

css loader postcss react-native transformer typescript

Last synced: 14 Feb 2025

https://github.com/kanopi/kanopi-pack

Consolidated package management and configuration profiles for Webpack based projects

do-not-archive eslint internal-tool postcss stylelint webpack

Last synced: 13 Dec 2024

https://github.com/lamualfa/postcss-minion

Using PostCSS as Minion Extractor

minion minion-extractor postcss postcss-plugin

Last synced: 01 Jan 2025

https://github.com/ioriens/postcss-wxss

PostCSS plugin to transpile wxss or acss..

minapp postcss postcss-plugins transpiler wxss

Last synced: 17 Nov 2024

https://github.com/albertfdp/boilerplate

🎩 Personal opinionated boilerplate for web apps

babel boilerplate css-modules jest postcss react unexpected webpack

Last synced: 31 Dec 2024

https://github.com/asbhogal/react-fun-facts-project

A simple 'React Facts' page created as part of the freeCodeCamp's React tutorial, coded with HTML5, CSS3, SCSS, JavaScript (ES6), React and leveraging Babel and Webpack. The design has been adapted from a Figma file (see mockups directory.)

babel css3 figma freecodecamp freecodecamp-project front-end frontend html5 javascript postcss react scrimba scrimba-react scss webpack

Last synced: 21 Jan 2025

https://github.com/natterstefan/stylelint-config-ns

Stylelint config with CSS (`.(s)css`), Tailwind, PostCSS and Prettier support.

postcss prettier prettier-stylelint tailwind tailwind-stylelint

Last synced: 30 Oct 2024

https://github.com/alekseypleshkov/postcss-adaptive-size

PostCSS plugin for create adaptive size

postcss postcss-adaptive-size postcss-plugin

Last synced: 18 Feb 2025

https://github.com/goulvenclech/goulvenclech_11_02082021

Project 11 of the OpenClassrooms "Front End Developer" course. Powered by React, React Router and TypeScript.

jest postcss react spa tailwindcss typescript

Last synced: 14 Oct 2024

https://github.com/hackemateninja/hackemate

Next.js hackemate platform with stripe membership and supabase

nextjs postcss postgresql reactjs supabase tailwindcss typescript

Last synced: 07 Feb 2025

https://github.com/shellyln/wp-quickstart-caller-example

[DEPRECATED] Usage example of webpack-typescript-lib-quickstart. Quickstart project scaffolding for TypeScript library that runs on browsers and/or Node build with Webpack 2.

ci getting-started node postcss quickstart scaffolding scss starter starter-template typescript webpack webpack2

Last synced: 21 Jan 2025

https://github.com/ricardobeat/taks

Minimalistic ES7 async/await task runner

build grunt gulp postcss rollup task-runner tasks tasks-automation tool

Last synced: 01 Jan 2025

https://github.com/akellbl4/introduction-to-nextjs

Demo repository for a webinar. You can find few different examples of Next.js installation in one place and play with them

bootstrap examples nextjs nextjs-example postcss styled-jsx vercel

Last synced: 12 Feb 2025

https://github.com/theodesp/rollup-starter

Starter project using Rollup module bundler complete with livereload and postcss

es6-boilerplate eslint gulp livereload postcss rollup rollup-example starter-template

Last synced: 02 Feb 2025

https://github.com/noviel/webpack-features

Configure webpack quickly and without pain

bundle css-modules postcss presets react typescript webpack webpack-features

Last synced: 26 Jan 2025

https://github.com/marijanasevo/silkenskin

Skincare ecommerce website with Vite — React — TypeScript — Redux — Firestore — Firebase-auth — Stripe — CSS Modules — PostCss

cssmodules firebase firebase-auth postcss react redux stripe typescript vite

Last synced: 26 Jan 2025

https://github.com/wearegenki/ui

A friendly UI framework which aims to be straightforward, intuitive, and high performance.

css css-grid design-system marko postcss vue wearegenki

Last synced: 21 Jan 2025

https://github.com/mayank99/remix-djent-stack

Remix stack with basic postcss-preset-env, code formatting, linting etc

netlify postcss remix-stack

Last synced: 14 Nov 2024

https://github.com/jlozovei/wordpress-boilerplate

WordPress theme simplified boilerplate with gulp.js + PostCSS + es2015

boilerplate es2015 gulp postcss wordpress wordpress-boilerplate

Last synced: 13 Jan 2025

https://github.com/letsjaam/postcss-letter-tracking

PostCSS plugin to generate relative, Photoshop-compatible letter tracking for improved letter spacing.

letter-spacing letter-tracking postcss postcss-plugin typography

Last synced: 12 Nov 2024

https://github.com/intellicode/boilerplate-2016

Boilerplate code for a modern Javascript application (2016)

boilerplate cssnext postcss react webpack

Last synced: 13 Jan 2025

https://github.com/privatenumber/postcss-custom-properties-transformer

PostCSS plugin to apply transformations to CSS custom properties (eg. mangling)

custom hash mangle minify plugin postcss properties transform

Last synced: 18 Feb 2025

https://github.com/thoughtbit/postcss-simple-utils

:cyclone: PostCSS插件，基础工具库

postcss postcss-plugins

Last synced: 10 Jan 2025

https://github.com/lencx/multipage-template

Multi-module(webpack4, vue2, pug, scss, postcss)

multi-page postcss pug scss vue2 webpack4

Last synced: 02 Feb 2025

https://github.com/winston0410/sparrow

A PostCSS plugin that helps you remove, replace, append or prepend CSS declarations without the need of writing another PostCSS plugin

hongkong postcss postcss-plugins

Last synced: 10 Feb 2025

https://github.com/kogakure/website-11ty-kogakure.de

My Ninja and Ninjutsu book website. Created in 1999. The current version is the 9th iteration. Build with Eleventy, Gulp, PostCSS, JavaScript, and Nunjucks.

11ty eleventy eleventy-website gulp javascript nunjucks postcss

Last synced: 07 Nov 2024

https://github.com/nathanielinman/mithril-boilerplate

Mithril boilerplate with webpack, pug and stylus

autoprefixer boilerplate eslint jsx mithril postcss pug stylus webpack

Last synced: 19 Feb 2025

https://github.com/tiagom13/esports_web

Aplicação feita em ReactJS, consite em uma SPA, construída para listar e criar anúncios de games.

autoprefixer phosphor-react postcss radix-ui reactjs tawilwind typescript vitejs

Last synced: 31 Jan 2025

https://github.com/best-shot/postcss-plugin-matcher

PostCSS plugin for limit plugins matching

postcss postcss-plugin

Last synced: 29 Jan 2025

https://github.com/bush1d3v/tsbank_app

Aplicativo mobile do TSBank, um app bancário completo possuindo todas as transações bancárias existentes.

babel docker eslint expo html javascript mit-licence mobile nativewind nodejs postcss react react-native tailwindcss typescript yarn

Last synced: 14 Jan 2025

https://github.com/ka215/sloth

Mobile-first CSS Lightweight Framework. It has reduced styling coding costs to a minimum with non-BEM and simpler naming conventions than OOCSS.

css framework front-end mobile-first postcss responsive sass web

Last synced: 23 Jan 2025

https://github.com/emilbayes/css-pipeline

My personal PostCSS based CSS pipeline

cssnext pipeline postcss

Last synced: 05 Feb 2025

https://github.com/matan3sh/shopifynext

A modular e-commerce client integrated with shopify as management content system

css css-modules graphql nextjs postcss react shopify tailwind tailwind-css typescript

Last synced: 24 Jan 2025

https://github.com/retyui/postcss-finding-dead-css

Idea: https://csswizardry.com/2018/01/finding-dead-css/

postcss postcss-plugin

Last synced: 21 Jan 2025

https://github.com/pronoia9/weavio

Dive into meaningful discussions and trendsetting ideas with Weavio, your digital hub for vibrant conversations. Inspired by Threads, Weavio offers a dynamic platform where users engage, inspire, and connect.

autoprefixer clerk clsx css html javascript mongodb mongoose nextjs postcss radix-ui react shadcn svix tailwindcss tailwindcss-animate typescript uploadthing zod

Last synced: 24 Jan 2025

https://github.com/yukihirai0505/portfolio

:satisfied: My portfolio by React.js

css3 es6 html5 portfolio portfolio-website postcss react reactjs

Last synced: 13 Jan 2025

https://github.com/braggiouy/ecommerce-template-vue

🔰 Website using VueJS, TailwindCSS and PostCSS 🔰

postcss tailwindcss vue

Last synced: 18 Jan 2025

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

Boilerplate project for using Webpack with ES6 and React

babel boilerplate javascript postcss react webpack

Last synced: 31 Jan 2025

https://github.com/fantasyui-com/larceny

Transport select remote CSS declarations into the rule of a local css file (Select and inject remote CSS code into your local CSS file). [CLI, CSS, Web Design, PostCSS]

cli npx postcss

Last synced: 11 Jan 2025

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

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

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

Last synced: 30 Jan 2025

https://github.com/madeleineostoja/rucksackcss.org

Website for Rucksack

postcss rucksack website

Last synced: 18 Feb 2025

https://github.com/nju33/yosuga

CSS styleguide generator

css generator less nuxt postcss sass styleguide stylus

Last synced: 12 Feb 2025

https://github.com/tardo/docker-flask

Docker image to run flask applications using gunicorn

docker-image flask gunicorn npm poetry postcss rollup supervisord

Last synced: 02 Feb 2025

https://github.com/thiagoow/personalizedbanner-croct-plugreact

Projeto desenvolvido com React.js & estilizado com Tailwind + PostCSS & autoprefixer. Juntamente com a libs '@croct/plug-react' & 'react-router-dom'.

autoprefixer code-challenge croct croct-cse croct-plug postcss react react-js tailwind-css tailwindcss

Last synced: 21 Jan 2025

https://github.com/semanticdata/svelte-milkdown

🥛 Simple example for using Svelte with Milkdown, a plugin driven WYSIWYG markdown editor framework.

example markdown markdown-editor milkdown postcss svelte tailwindcss typescript

Last synced: 18 Jan 2025

PostCSS Awesome Lists
awesome-tailwindcss 267
PostCSS Categories
Learning 79 UI Libraries, Components & Templates 69 Tools 49 Plugins 36 Starters & Themes 36 Useful Links 11 IDE Extensions 5