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

https://github.com/tailwindlabs/tailwindcss

A utility-first CSS framework for rapid UI development.

css css-framework functional-css postcss responsive tailwindcss utility-classes

Last synced: 28 Oct 2024

https://github.com/tailwindcss/tailwindcss

A utility-first CSS framework for rapid UI development.

css css-framework functional-css postcss responsive tailwindcss utility-classes

Last synced: 04 Aug 2024

https://github.com/saadeghi/daisyui

🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library

component component-library components css css-components css-framework daisyui design-pattern design-system design-systems postcss svelte tailwind tailwind-css tailwindcss ui-design ui-framework ui-kit ui-library ui-pattern

Last synced: 28 Oct 2024

https://github.com/postcss/postcss

Transforming styles with JS plugins

ast css framework parser postcss

Last synced: 28 Oct 2024

https://github.com/stylelint/stylelint

A mighty CSS linter that helps you avoid errors and enforce conventions.

css enforce-conventions lint linter postcss

Last synced: 28 Oct 2024

https://github.com/uncss/uncss

Remove unused styles from CSS

build-tool cleanup css javascript postcss stylesheets uncss unusedcss

Last synced: 28 Oct 2024

https://github.com/FullHuman/purgecss

Remove unused CSS

css optimization-tools postcss postcss-plugin purgecss rollup-plugin webpack-plugin

Last synced: 25 Oct 2024

https://github.com/fullhuman/purgecss

Remove unused CSS

css optimization-tools postcss postcss-plugin purgecss rollup-plugin webpack-plugin

Last synced: 28 Oct 2024

https://github.com/fkling/astexplorer

A web tool to explore the ASTs generated by various parsers.

ast ast-explorer babel javascript jscodeshift parser postcss

Last synced: 29 Oct 2024

https://github.com/moox/postcss-cssnext

`postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.

css cssnext javascript postcss postcss-plugins

Last synced: 28 Oct 2024

https://github.com/MoOx/postcss-cssnext

`postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.

css cssnext javascript postcss postcss-plugins

Last synced: 27 Oct 2024

https://github.com/egoist/poi

⚡A zero-config bundler for JavaScript applications.

babel build-tool bundle postcss preact react svelte typescript vue vuejs webpack

Last synced: 27 Sep 2024

https://github.com/chakra-ui/panda

🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️

atomic-css css css-in-js design-system engine framework-agnostic jit-compiler postcss styled-system typescript utility-classes

Last synced: 29 Oct 2024

https://github.com/cssnano/cssnano

A modular minifier, built on top of the PostCSS ecosystem.

css cssnano minification optimisation postcss

Last synced: 28 Oct 2024

https://github.com/peterramsing/lost

LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.

css grid javascript postcss

Last synced: 11 Oct 2024

https://github.com/suitcss/suit

Style tools for UI components

css css-packages postcss preprocessor suit-css

Last synced: 11 Oct 2024

https://github.com/twbs/rfs

✩ Automates responsive resizing ✩

css font-size frontend postcss responsive rfs sass scss stylus

Last synced: 07 Oct 2024

https://github.com/evrone/postcss-px-to-viewport

A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.

css-scale media-queries mobile-design pixel-units postcss rem-units taro vh viewport-units vw

Last synced: 29 Oct 2024

https://github.com/andywer/webpack-blocks

📦 Configure webpack using functional feature blocks.

babel postcss typescript webpack webpack-blocks

Last synced: 11 Oct 2024

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

A lightweight, scalable, mobile-first CSS framework

css css-framework cssnext design flexbox mobi-css mobile mobile-first postcss

Last synced: 11 Oct 2024

https://github.com/symfony/webpack-encore

A simple but powerful API for processing & compiling assets built around Webpack

babel less postcss react sass symfony webpack

Last synced: 07 Oct 2024

https://github.com/matype/stylefmt

stylefmt is a tool that automatically formats stylesheets.

css formatter postcss postcss-plugins sass stylelint

Last synced: 11 Oct 2024

https://github.com/cuth/postcss-pxtorem

Convert pixel units to rem (root em) units using PostCSS

pixel-units postcss rem-units

Last synced: 11 Oct 2024

https://github.com/madeleineostoja/rucksack

A little bag of CSS superpowers, built on PostCSS

css css-framework postcss postcss-plugins responsive-typography

Last synced: 11 Oct 2024

https://github.com/leebenson/reactql

Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR

apollo apollo-client brotli emotion graphql gzip helmet hot-reload less postcss react reactjs sass server-side-rendering ssr starter-kit typescript universal webpack webpack4

Last synced: 11 Oct 2024

https://github.com/ericalli/static-site-boilerplate

A better workflow for building modern static websites.

babel boilerplate es6 eslint ftp html less minification netlify postcss sass starter-kit stylelint webpack

Last synced: 11 Oct 2024

https://github.com/lumeland/lume

🔥 Static site generator for Deno 🦕

deno eta jsx liquid markdown nunjucks postcss react static-site-generator svgo typescript yaml

Last synced: 11 Oct 2024

https://github.com/mohammadyounes/rtlcss

Framework for transforming Cascading Style Sheets (CSS) from Left-To-Right (LTR) to Right-To-Left (RTL)

cascading-style-sheets css css3 flip i18n left-to-right ltr mirror postcss postcss-plugin right-to-left rtl rtlcss

Last synced: 11 Oct 2024

https://github.com/luangjokaj/wordpressify

🎈 Automate your WordPress development workflow.

boilerplate build-tool database docker docker-compose docker-settings es6 gulp nginx node nodejs postcss sass wordpress wordpress-theme wordpressify workflow xdebug

Last synced: 12 Oct 2024

https://github.com/postcss/postcss-import

PostCSS plugin to inline at-import rules content

css modules npm postcss postcss-plugin

Last synced: 07 Oct 2024

https://github.com/sylvainpolletvillard/postcss-grid-kiss

A PostCSS plugin to keep CSS grids stupidly simple

ascii-art css grids kiss layout postcss visual

Last synced: 11 Oct 2024

https://github.com/mrmckeb/typescript-plugin-css-modules

A TypeScript language service plugin providing support for CSS Modules.

css modules plugin postcss sass typescript

Last synced: 11 Oct 2024

https://github.com/sonofmagic/weapp-tailwindcss

weapp-tailwindcss - bring tailwindcss to weapp ! 把 tailwindcss 原子化思想带入小程序开发吧 !

mini mp mpx postcss rax tailwind tailwindcss tarojs uni-app vite weapp webpack

Last synced: 13 Oct 2024

https://github.com/rokoroku/react-redux-typescript-boilerplate

A bare minimum frontend boilerplate with React 16, Typescript 3 and Webpack 4

boilerplate postcss react redux todomvc treeshaking typescript webpack

Last synced: 11 Oct 2024

https://github.com/panr/hugo-theme-hello-friend

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

blog hugo hugo-theme markdown nodejs personal-site postcss responsive webpack

Last synced: 27 Sep 2024

https://github.com/vkcom/vkui

VKUI – это набор React-компонентов, с помощью которых можно создавать интерфейсы, внешне неотличимые от наших iOS и Android приложений.

javascript mobile-web opensource postcss reactjs typescript ui uikit vkontakte vkui

Last synced: 07 Oct 2024

https://github.com/daisyui/react-daisyui

daisyUI components built with React 🌼

component-library components css css-components css-framework daisyui design-systems library postcss react react-daisyui reactjs tailwind tailwind-css tailwindcss ui-design ui-framework ui-kit ui-library

Last synced: 31 Oct 2024

https://github.com/ConciseCSS/concise.css

A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.

css design framework minimalist postcss sass

Last synced: 08 Nov 2024

https://github.com/concisecss/concise.css

A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.

css design framework minimalist postcss sass

Last synced: 11 Oct 2024

https://github.com/larsenwork/postcss-easing-gradients

PostCSS plugin to create smooth linear-gradients that approximate easing functions.

css gradients postcss postcss-plugin

Last synced: 11 Oct 2024

https://github.com/themeselection/flyonui

🚀 The easiest, free and open-source Tailwind CSS component library with semantic classes.

component-library components css design-system html hugo javascript postcss semantic tailwind tailwind-css tailwind-css-template tailwind-plugin tailwindcss tailwindcss-components-library typescript ui-framework ui-library uikit webpack

Last synced: 13 Nov 2024

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

PostCSS Tools and Plugins

css postcss

Last synced: 11 Oct 2024

https://github.com/postcss/postcss-cli

CLI for postcss

cli postcss postcss-runner

Last synced: 07 Oct 2024

https://github.com/turretcss/turretcss

Turret is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites.

autoprefixer css html postcss turret turretcss

Last synced: 11 Oct 2024

https://github.com/manuelbieh/react-ssr-setup

React Starter Project with Webpack 4, Babel 7, TypeScript, CSS Modules, Server Side Rendering, i18n and some more niceties

babel css-modules eslint express hmr i18n postcss prettier react react-router redux reselect typescript webpack

Last synced: 11 Oct 2024

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

Pipe CSS through PostCSS processors with a single parse

gulp-plugin javascript postcss

Last synced: 07 Oct 2024

https://github.com/uicrooks/shopify-theme-lab

Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪

liquid postcss scss shopify shopify-theme tailwind tailwindcss vue webpack

Last synced: 10 Oct 2024

https://github.com/weareathlon/frontend-webpack-boilerplate

Simple starter webpack 5 project template supporting SASS/PostCSS, Babel ES7, browser syncing, code linting. Easy project setup having multiple features and developer friendly tools.

babel boilerplate browser-syncing build-tool developer-tools es6 eslint html javascript optimize-assets postcss sass setup stylelint template webpack webpack-configuration webpack5

Last synced: 11 Oct 2024

https://github.com/WeAreAthlon/frontend-webpack-boilerplate

Simple starter webpack 5 project template supporting SASS/PostCSS, Babel ES7, browser syncing, code linting. Easy project setup having multiple features and developer friendly tools.

babel boilerplate browser-syncing build-tool developer-tools es6 eslint html javascript optimize-assets postcss sass setup stylelint template webpack webpack-configuration webpack5

Last synced: 04 Aug 2024

https://github.com/svelte-add/tailwindcss

⚠️ MOVED: https://github.com/svelte-add/svelte-add/ ⚠️ Add Tailwind CSS to your Svelte project

postcss purgecss svelte svelte-add svelte-kit sveltekit tailwindcss vite

Last synced: 27 Sep 2024

https://github.com/sindresorhus/gulp-autoprefixer

Prefix CSS

autoprefixer css gulp-plugin javascript nodejs postcss prefix-css

Last synced: 07 Oct 2024

https://github.com/Debdut/browser-extension

Browser Extension Template with ESbuild builds, support for React, Preact, Typescript, Tailwind, Manifest V3/V2 support and multi browser build including Chrome, Firefox, Safari, Edge, Brave.

boilerplate chrome-extension postcss preact starter starter-kit template

Last synced: 02 Nov 2024

https://github.com/salihozdemir/stackoverflow-clone

This project is a simplified a full stack clone of Stackoverflow.

context-api express mongodb moongose nextjs nodejs postcss react storybook

Last synced: 11 Oct 2024

https://github.com/egoist/rollup-plugin-postcss

Seamless integration between Rollup and PostCSS.

css-modules less postcss rollup sass stylus

Last synced: 11 Oct 2024

https://github.com/granze/react-starterify

A minimal React JS application starter kit

boilerplate browserify kickstarter postcss react

Last synced: 11 Oct 2024

https://github.com/victoriadrake/hugo-theme-introduction

Minimal, single page, smooth-scrolling theme for Hugo static site generator.

blog-theme hugo hugo-blog-theme hugo-theme language-translation light personal-website postcss smooth-scrolling theme

Last synced: 11 Oct 2024

https://github.com/debdut/browser-extension

Browser Extension Template with ESbuild builds, support for React, Preact, Typescript, Tailwind, Manifest V3/V2 support and multi browser build including Chrome, Firefox, Safari, Edge, Brave.

boilerplate chrome-extension postcss preact starter starter-kit template

Last synced: 11 Oct 2024

https://github.com/ChanceArthur/tailwindcss-dark-mode

🌚 A Tailwind CSS plugin that adds variants for dark mode

css dark-mode dark-theme javascript postcss tailwind tailwindcss tailwindcss-plugin

Last synced: 30 Oct 2024

https://github.com/ningbonb/html5

HTML5学习、总结、实践

angularjs canvas css3 es6 html5 javascript jquery postcss zepto

Last synced: 11 Oct 2024

https://github.com/nicothin/nth-start-project

Startkit for HTML / CSS / JS pages layout.

bem css gulp hot-reload html postcss postcss-image-inliner pug scss start starter starter-kit starter-project starterkit

Last synced: 27 Sep 2024

https://github.com/ningbonb/HTML5

HTML5学习、总结、实践

angularjs canvas css3 es6 html5 javascript jquery postcss zepto

Last synced: 04 Aug 2024

https://github.com/navneetsharmaui/sveltekit-starter

Sveltekit starter project created with sveltekit, typescript, tailwindcss, postcss, husky, and storybook. The project has the structure set up for the scaleable web application.

bulb eslint husky postcss scss server-side-rendering sevltekit-pwa ssr storybook svelte svelte-example sveltejs sveltekit sveltekit-example sveltekit-server-side-rendering sveltekit-tailwind-template sveltekit-template tailwindcss typescript

Last synced: 10 Oct 2024

https://github.com/importantimport/urara

🌸 Sweet, Powerful, IndieWeb-Compatible SvelteKit Blog Starter. [Polaris]

blog blog-template daisyui indieweb jamstack mdsvex microformats postcss progressive-web-app svelte sveltejs sveltekit sveltekit-template tailwind tailwindcss typescript unocss urara

Last synced: 13 Oct 2024

https://github.com/postcss/postcss-bem-linter

A BEM linter for postcss

bem linter postcss suit-css

Last synced: 07 Oct 2024

https://github.com/borela/naomi

Sublime Text enhanced syntax highlighting for JavaScript ES6/ES7/ES2015/ES2016/ES2017+, Babel, FlowType, React JSX, Styled Components, HTML5, SCSS3, PHP 7, phpDoc, PHPUnit, MQL4. Basic: Git config files.

babel babel-sublime cssnext es2015 es2016 es6 es7 flow flowtype html5 php7 postcss react reactjs sass styled-components sublime syntax webpack

Last synced: 12 Oct 2024

https://github.com/postcss-rs/postcss-rs

🚀 Fast and 100% API compatible postcss replacer, built in Rust

ast css postcss rust

Last synced: 11 Oct 2024

https://github.com/borodean/postcss-assets

An asset manager for PostCSS

postcss

Last synced: 27 Sep 2024

https://github.com/imbhargav5/nextbase-nextjs-supabase-starter

🚀⚡️ Free Boilerplate and Starter kit for Next.js 14+, Supabase, Tailwind CSS 3.2 and TypeScript. 🚀 Next.js 🔥 Supabase 💻 TypeScript 💚 ESLint 🎨 Prettier 🐶 Husky 🧹 Lint-Staged 🧪 Jest 🧪 Testing Library 🕹️ Playwright ✍️ Commitizen 💬 Commitlint 💻 VSCode 🌪️ Vercel 🎨 PostCSS 🍃 Tailwind CSS ⚛️ React Query

boilerplate boilerplate-code boilerplate-react eslint jamstack js-boilerplate nextjs nextjs-13 nextjs-boilerplate nextjs-starter nextjs-tailwind nextjs-template nextjs-typescript postcss saas-boilerplate seo starter-kit tailwindcss typescript

Last synced: 11 Oct 2024

https://github.com/dcasia/mini-program-tailwind

让你的小程序用上原汁原味的 Tailwind/Windi CSS

atomic-css css mini-program postcss tailwind tailwindcss taro uni-app unocss weapp webpack wechat windicss

Last synced: 11 Oct 2024

https://github.com/hsiangleev/element-plus-admin

基于vite+ts+elementPlus

admin element-plus postcss stylelint typescript vite vue-next vuejs3

Last synced: 11 Oct 2024

https://github.com/milesmcc/a17t

An atomic design toolkit for pragmatists

atomic-design components css css3 design framework postcss tailwindcss ui-components

Last synced: 11 Oct 2024

https://github.com/developmint/nuxt-purgecss

Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt.js

hacktoberfest nuxt nuxt-module nuxt-purgecss nuxtjs postcss purgecss vue webpack

Last synced: 10 Oct 2024

https://github.com/Developmint/nuxt-purgecss

Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt.js

hacktoberfest nuxt nuxt-module nuxt-purgecss nuxtjs postcss purgecss vue webpack

Last synced: 01 Nov 2024

https://github.com/bigskysoftware/missing

The classless-ish CSS library you've been missing

classless-css classless-css-framework classless-theme css css-framework css-library deno postcss

Last synced: 11 Oct 2024

https://github.com/stylify/packages

💎 Monorepository for Stylify packages. Stylify uses CSS-like selectors to generate Extremely optimized utility-first CSS dynamically based on what you write 💎.

astrobuild atomic-css css css-framework frontend functional-css javascript nextjs nodejs nuxt nuxt-module nuxtjs php postcss react ssr typescript utility-classes vue webpack

Last synced: 10 Oct 2024

https://github.com/2createstudio/postcss-sprites

Generate sprites from stylesheets.

css postcss postcss-plugin sprites spritesheets spritesmith svg svg-sprites

Last synced: 11 Oct 2024

https://github.com/2createStudio/postcss-sprites

Generate sprites from stylesheets.

css postcss postcss-plugin sprites spritesheets spritesmith svg svg-sprites

Last synced: 04 Nov 2024

https://github.com/alexdevero/electron-react-webpack-boilerplate

Minimal Electron, React, PostCSS and Webpack boilerplate to help you get started with building your next app.

boilerplate boilerplate-application boilerplate-template electron electron-app postcss react reactjs webpack

Last synced: 11 Oct 2024

https://github.com/jowayyoung/bruce-cli

A JS/React Application Automation Build Scaffold With Zero Configuration Out Of The Box

babel cli less node postcss react scss typescript vite webpack

Last synced: 11 Oct 2024

https://github.com/zeon-studio/nextplate

Nextplate is a free starter template built with Next.js and TailwindCSS. It provides you with almost everything you need to jump-start your Next.js project. Try Nextplate and save yourself hours of work.

boilerplate-template jamstack jamstack-theme js-boilerplate mit-license next-js nextjs-blog nextjs-boilerplate nextjs-starter nextjs-template open-source postcss starter-kit static-site static-site-generator tailwind-css-template tailwindcss vercel zeon-studio