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/felipefialho/kratos-boilerplate

:fire: A simple boilerplate for creating statics PWA using Webpack, Pug, PostCSS and CSS Modules

badge boilerplate css css-modules cssmodules es6 javascript kratos kratos-boilerplate postcss pug sass webpack yeoman

Last synced: 12 Nov 2024

https://github.com/jonathanharrell/hiq

A lightweight, progressive, high-IQ CSS framework.

css custom-properties postcss responsive-typography

Last synced: 11 Oct 2024

https://jonathanharrell.github.io/hiq/

A lightweight, progressive, high-IQ CSS framework.

css custom-properties postcss responsive-typography

Last synced: 04 Aug 2024

https://github.com/7rulnik/postcss-flexibility

PostCSS plugin for Flexibility polyfill

flexbox flexibility postcss

Last synced: 11 Oct 2024

https://github.com/pankod/svelte-boilerplate

Svelte application boilerplate with Webpack, Babel, PostCSS, Sass, Fetch, Jest, .Env, EsLint.

babel7 dotenv fetch jest postcss svelte-v3 sveltejs webpack

Last synced: 10 Oct 2024

https://github.com/wswmsword/postcss-mobile-forever

一款 PostCSS 插件，将固定尺寸的视图转为可跟随宽度变化而等比例伸缩的视图。To adapt different displays by one mobile viewport.

css css-scale media-queries mobile-design mobile-first mobile-forever pixel-units postcss postcss-px-to-viewport responsive-web-design viewport-units

Last synced: 12 Oct 2024

https://github.com/tivac/modular-css

CSS Modules, but better and usable via Rollup, Vite, Webpack, CLI, PostCSS, or JS API

browserify code-splitting css css-methodologies css-modules postcss rollup svelte vite vitejs webpack

Last synced: 11 Oct 2024

https://github.com/madeleineostoja/poststylus

PostCSS adapter for Stylus

css postcss poststylus preprocessor stylus

Last synced: 11 Oct 2024

https://github.com/taoyage/yg-configs

CLI toolbox for common scripts for front-end projects

babel commitlint eslint lintstaged postcss stylelint swc swc-loader

Last synced: 11 Oct 2024

https://github.com/jvidalv/vital

Starter template for Vite with React (TypeScript). Supports Tailwind. Vitest and @react/testing-library configured and ready to go. Also ESLint, Prettier, and Atomic Design for components.

eslint postcss prettier react starter tailwindcss template typescript vite vitest

Last synced: 12 Nov 2024

https://github.com/hashanp/postcss-spiffing

PostCSS plugin to use British English

css english postcss postcss-plugin

Last synced: 30 Oct 2024

https://github.com/axept/prejss

Get the power of PostCSS with plugins in your JSS styles. 🎨 Just put CSS into JS and get it as JSS object.

css jss less postcss prejss react sass scss styled-components stylesheets stylus sugarss

Last synced: 12 Oct 2024

https://github.com/anidetrix/rollup-plugin-styles

🎨 Universal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more.

css css-modules less postcss rollup rollup-plugin rollup-plugin-styles sass scss styles stylus

Last synced: 14 Oct 2024

https://github.com/Faisal-Manzer/postcss-viewport-height-correction

PostCSS plugin to solve the popular problem when 100vh doesn’t fit the mobile browser screen.

css3 fullscreen hacktoberfest hacktoberfest2021 postcss postcss-plugin viewport-dimensions

Last synced: 31 Oct 2024

https://github.com/Anidetrix/rollup-plugin-styles

🎨 Universal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more.

css css-modules less postcss rollup rollup-plugin rollup-plugin-styles sass scss styles stylus

Last synced: 03 Aug 2024

https://github.com/reactql/kit

ReactQL starter kit (use the CLI)

apollo apollo-client eslint graphql koa2 less postcss react sass webpack

Last synced: 07 Nov 2024

https://github.com/sashenjayathilaka/chatgpt-clone

ChatGPT Clone with REACT! (Next.js 13, Firebase, Tailwind CSS, TypeScript, API endpoints in Next.js, ChatGPT models, Dynamic page routing in Next.js 13, App folder structure, NextAuth.js, Google Authentication)

autoprefixer chatgpt-api eslint-config-next firebase-admin firebase-firestore framer-motion google-authentication learn next-auth next-js openai postcss react-firebase-hooks react-hot-toast react-select reactjs swr tailwind-css typescript

Last synced: 12 Nov 2024

https://github.com/hayes0724/shopify-packer

Modern development tool for Shopify using Webpack 5. Easy to extend and customize, zero build config, compatible with Slate and existing websites.

babel liquid postcss sass shopify shopify-development shopify-packer shopify-slate shopify-theme webpack

Last synced: 30 Oct 2024

https://github.com/ixkaito/bathe

The simplest WordPress starter theme including full setup for Tailwind CSS, Sass, PostCSS, Autoprefixer, Vite, TypeScript, Browsersync, imagemin, Prettier, stylelint, ESLint.

autoprefixer browsersync eslint imagemin postcss prettier sass stylelint tailwind tailwindcss typescript vite wordpress wordpress-starter-theme

Last synced: 13 Nov 2024

https://github.com/voorhoede/front-end-tooling-recipes

Collection of pre-configured front-end tooling setups for common uses.

express front-end gh-pages gulp nightwatch node postcss recipe revision rollup tooling travis-ci

Last synced: 06 Nov 2024

https://github.com/karolis-sh/tailwind-bootstrap-grid

Tailwind CSS plugin that generates Bootstrap's flexbox grid

bootstrap4 css flexbox flexbox-grid postcss tailwindcss tailwindcss-plugin

Last synced: 14 Oct 2024

https://github.com/ianrose/deventy

A minimal 11ty starting point for building static websites with modern tools.

11ty autoprefixer cssnano eleventy postcss sass static-site-generator webpack

Last synced: 14 Oct 2024

https://github.com/argyleink/shortstack

🥞 minimal Rollup + PostCSS modern syntax starter template

babel babel-preset-env bundler postcss postcss-preset-env rollup

Last synced: 31 Oct 2024

https://github.com/xing/hops

Universal Development Environment

babel postcss react redux universal webpack

Last synced: 02 Nov 2024

https://github.com/pascalduez/postcss-apply

PostCSS plugin enabling custom properties sets references

css postcss

Last synced: 29 Oct 2024

https://github.com/panr/gatsby-starter-hello-friend

Pretty basic starter for Gatsby that covers all of the essentials. All you have to do is start typing!

blog dark-theme highlighting inter light-theme personal-website postcss prismjs theme

Last synced: 08 Nov 2024

https://github.com/radvalentin/postcss-prefix-selector

Prefix all CSS rules with a selector

postcss postcss-plugin prefix selector

Last synced: 28 Oct 2024

https://github.com/lukemcdonald/holly-react

A React implementation of Davide Pacilio's free landing page template.

javascript postcss react tailwindcss typescript vitejs

Last synced: 11 Oct 2024

https://github.com/leoaj/react-itunes-search

:musical_note:Simple web app for itunes search with React

async-await babel es6 eslint flow itunes-search postcss react reactjs webpack2

Last synced: 11 Oct 2024

https://github.com/nativescript/tailwind

Makes using TailwindCSS in NativeScript a whole lot easier!

css nativescript postcss tailwind tailwindcss

Last synced: 29 Oct 2024

https://github.com/NativeScript/tailwind

Makes using TailwindCSS in NativeScript a whole lot easier!

css nativescript postcss tailwind tailwindcss

Last synced: 30 Oct 2024

https://github.com/LeoAJ/react-iTunes-search

:musical_note:Simple web app for itunes search with React

async-await babel es6 eslint flow itunes-search postcss react reactjs webpack2

Last synced: 01 Nov 2024

https://github.com/bep/hugo-starter-tailwind-basic

A basic and simple to set up Hugo with TailwindCSS starter project.

hugo postcss tailwind tailwindcss

Last synced: 11 Oct 2024

https://github.com/corysimmons/postcss-ant

Size-getting function masquerading as a grid system.

grid postcss size-calculation

Last synced: 31 Oct 2024

https://github.com/suitcss/preprocessor

A future-facing CSS preprocessor (used by SUIT CSS)

javascript postcss preprocessor suit-css

Last synced: 12 Nov 2024

https://github.com/mapbox/assembly

Making the hard parts of designing for the web easy.

css framework frontend-shared frontend-tooling postcss

Last synced: 11 Oct 2024

https://github.com/luangjokaj/fuzzymail

📨 Responsive email template generator.

build css devserver email gulp livereload partials postcss responsive templates workflow

Last synced: 31 Oct 2024

https://github.com/ixkaito/frasco

Quick starter for Jekyll including full setup for Sass, PostCSS, Autoprefixer, stylelint, TypeScript, Webpack, ESLint, imagemin, Browsersync, etc.

autoprefixer browsersync eslint frasco imagemin jekyll postcss sass scss stylelint webpack

Last synced: 31 Oct 2024

https://github.com/negrel/hugo-theme-pico

:black_circle: Pico is a minimalist, readable, responsive, light and beautiful Hugo theme.

blog hugo postcss sass theme

Last synced: 06 Nov 2024

https://github.com/yisibl/postcss-aspect-ratio-mini

A PostCSS plugin to fix an element's dimensions to an aspect ratio

aspect-ratio css postcss postcss-plugin postcss-plugins

Last synced: 26 Oct 2024

https://github.com/GrabarzUndPartner/gp-vue-boilerplate

Grabarz & Partner Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites with vuejs.

boilerplate cypress-io generator grabarz-und-partner i18n image-optimization javascript nuxt-i18n nuxt-template nuxtjs nuxtjs-project nuxtjs-template pagespeed postcss pwa static-site storybook vue vue-template vuejs

Last synced: 01 Nov 2024

https://github.com/grabarzundpartner/gp-vue-boilerplate

Grabarz & Partner Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites with vuejs.

boilerplate cypress-io generator grabarz-und-partner i18n image-optimization javascript nuxt-i18n nuxt-template nuxtjs nuxtjs-project nuxtjs-template pagespeed postcss pwa static-site storybook vue vue-template vuejs

Last synced: 10 Nov 2024

https://github.com/google/postcss-rename

Replace class names based on a customizable renaming scheme.

css postcss postcss-plugin

Last synced: 14 Oct 2024

https://github.com/ben-eb/midas

Syntax highlighter based on PostCSS.

postcss syntax-highlighter

Last synced: 26 Oct 2024

https://github.com/siilwyn/prettier-plugin-css-order

Prettier plugin to sort CSS declarations in a certain order.

postcss prettier prettier-plugin

Last synced: 01 Nov 2024

https://github.com/himynameisdave/postcss-plugins

The "officially unofficial" consolidated list of PostCSS plugins in a ready-to-use package

json-data json-dataset postcss postcss-plugin postcss-plugins postprocessing

Last synced: 08 Nov 2024

https://github.com/KRISACHAN/ying-template

这是一个基于 `webpack@^5.27.2` + `typescript@^4.2.3` + `esbuild-loader@^3.0.1` + `jest@^26.6.3` + `eslint@^7.22.0` 的多页面脚手架。

docker es6 esbuild esbuild-loader eslint javascript jest multiple-pages nginx postcss prettier typescript webpack webpack5

Last synced: 04 Nov 2024

https://github.com/jaydenseric/barebones

A barebones boilerplate for getting started on a bespoke front end.

babel cssnext eslint postcss stylelint webpack2 yarn

Last synced: 11 Oct 2024

https://github.com/22mahmoud/faven

A web tool to help you generate favicons

alpinejs postcss snowpack tailwindcss

Last synced: 27 Oct 2024

https://github.com/azat-io/postcss-instagram

:camera: PostCSS plugin for using Instagram filters in CSS

css instagram-filters postcss postcss-plugins

Last synced: 10 Nov 2024

https://github.com/jquintozamora/react-typescript-webpack2-cssModules-postCSS

Simple Starter Template for React, TypeScript, postCSS, ITCSS, CSS-Modules, Webpack and Live Reloading (React Hot Loader 3)

css-modules postcss react stylelint tslint typescript webpack2

Last synced: 06 Nov 2024

https://github.com/jquintozamora/react-typescript-webpack2-cssmodules-postcss

Simple Starter Template for React, TypeScript, postCSS, ITCSS, CSS-Modules, Webpack and Live Reloading (React Hot Loader 3)

css-modules postcss react stylelint tslint typescript webpack2

Last synced: 11 Oct 2024

https://github.com/lukethacoder/tauri-react-example

🦀 Small Tauri React Example feat. Vite

desktop-app postcss react rust tauri typescript vite vitejs

Last synced: 11 Oct 2024

https://github.com/cedricss/elm-batteries

Learn how Elm, Parcel, Cypress and Netlify work together. Get started with Elm navigation, routes, remote data and decoder.

cypress elm elm-test netlify parcel postcss purgecss tailwind-css

Last synced: 13 Oct 2024

https://github.com/pascalduez/postcss-quantity-queries

PostCSS plugin enabling quantity-queries

css postcss

Last synced: 14 Nov 2024

https://github.com/shiwaforce/postcss-high-contrast

Create high contrast version of your project with ease.

accessibility contrast contrast-plugins css postcss postcss-plugins

Last synced: 03 Aug 2024

https://github.com/jantimon/iconfont-webpack-plugin

Simple icon font handling for webpack

css icon-font postcss webpack

Last synced: 26 Oct 2024

https://github.com/brandonkramer/wordpress-webpack-workflow

Common tools to facilitate front-end development and testing for WordPress (plugins & themes). Includes WebPack 5, BrowserSync, PostCSS/Autoprefixer, PurgeCSS, BabelJS, Eslint, Stylelint, SCSS processor, WP-Pot, an organized file structure and more.

babeljs eslint postcss purgecss scss stylelint webpack webpack-5 wordpress wordpress-development wordpress-development-kit wordpress-development-workflow wordpress-plugin wordpress-theme

Last synced: 31 Oct 2024

https://github.com/asvny/building-realworld-user-interfaces-using-tailwind

Demo of building real-world UIs using TailwindCSS

css postcss tailwindcss user-interface

Last synced: 28 Oct 2024

https://github.com/monty5811/postcss-elm-tailwind

put some tailwind in your elm

elm postcss tailwindcss

Last synced: 12 Oct 2024

https://github.com/christianmurphy/postcss-combine-duplicated-selectors

automatically keep css selectors unique.

css javascript plugin postcss

Last synced: 16 Oct 2024

https://github.com/ChristianMurphy/postcss-combine-duplicated-selectors

automatically keep css selectors unique.

css javascript plugin postcss

Last synced: 04 Aug 2024

https://github.com/jlhwung/postcss-font-family-system-ui

PostCSS plugin to transform W3C CSS font-family: system-ui to a practical font-family list

css font-family postcss postcss-plugins system-ui

Last synced: 19 Oct 2024

https://github.com/gugadev/storify

Instagram/Whatsapp stories clone built on Web Components and Web Animations API. 🔥

custom-elements javascript postcss typescript web-animations web-animations-api web-components webpack

Last synced: 06 Nov 2024

https://github.com/PolymerX/lit-loader

LitElement Single File Component loader for Webpack.

lit-html litelement polymer postcss webpack

Last synced: 11 Nov 2024

https://github.com/madyankin/postcss-each

PostCSS plugin to iterate through values

css iteration postcss preprocessing

Last synced: 11 Nov 2024

https://github.com/fylgja/fylgja

The modular highly customisable CSS framework. Powered by CSS Components, Utilities and Props for building your Web UI.

css css-colors css-components css-custom-media-queries css-custom-properties css-easing-functions css-framework css-library css-utilities css-variables fylgja postcss scss

Last synced: 01 Nov 2024

https://github.com/mmdsharifi/bootstrap4-rtl

🅱 An Awesome RTL bootstrap 4 with gulp and postcss

bootstrap bootstrap4 postcss rtl-bootstrap

Last synced: 10 Oct 2024

https://github.com/aleshaoleg/postcss-sass

A Sass parser for PostCSS, using gonzales-pe. https://www.npmjs.com/package/postcss-sass

gonzales-pe postcss postcss-sass sass

Last synced: 13 Nov 2024

https://github.com/mmdsharifi/Bootstrap4-RTL

🅱 An Awesome RTL bootstrap 4 with gulp and postcss

bootstrap bootstrap4 postcss rtl-bootstrap

Last synced: 04 Aug 2024

https://github.com/anandgupta193/react-enterprise-starter-kit

Highly Scalable Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. :fire:

babel ci-cd css docker eslint github-workflows html javascript jsx postcss react react-ssr redux redux-saga scss ssr storybook travis-ci webpack

Last synced: 26 Oct 2024

https://github.com/FullHuman/postcss-purgecss

PostCSS plugin for purgecss

optimization postcss postcss-plugin purgecss

Last synced: 10 Nov 2024

https://github.com/giuseppeg/styled-jsx-plugin-postcss

Plugin to add PostCSS support to styled-jsx.

css-in-js postcss styled-jsx styled-jsx-plugin

Last synced: 14 Nov 2024

https://github.com/zachleat/postcss-foft-classes

A postcss plugin to automatically add classes for various font loading strategies.

font postcss web-font

Last synced: 01 Nov 2024

https://github.com/WeAreGenki/minna-ui

😸 A fast, friendly, and fun web UI kit for everyone.

css-framework design-system javascript minna-ui postcss svelte wearegenki web-components

Last synced: 28 Oct 2024

https://github.com/ixkaito/nextsss

Next.js static site starter including full setup for TypeScript, Tailwind CSS, Google Analytics, Next SEO, etc.

autoprefixer eslint google-analytics next-seo nextjs nextjs-starter postcss prettier sass tailwindcss typescript

Last synced: 01 Nov 2024

PostCSS Awesome Lists
awesome-tailwindcss 265
PostCSS Categories
Learning 82 UI Libraries, Components & Templates 73 Tools 51 Starters & Themes 38 Plugins 34 Useful Links 11 IDE Extensions 5