Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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/alicanerdurmaz/computer-store
MERN Stack E-Commerce Project
ecommerce express mongodb nestjs nextjs postcss react typescript
Last synced: 22 Oct 2024
https://github.com/postcss/postcss-color-gray
Use the gray() color function in CSS
color colour convert css4 cssnext gray grey javascript nodejs postcss postcss-plugin
Last synced: 07 Oct 2024
https://github.com/raulghm/multi-brand-colors
Multi Brand Colors with support for CSS/CSS-Vars/SCSS/SASS/Stylus/LESS/JSON
brand color colors css css-variables json less multi-brand-colors postcss sass scss stylus w3c
Last synced: 13 Nov 2024
https://github.com/bntzio/gatsby-starter-alchemy
✨🔮 A Gatsby starter with PostCSS powers
blog boilerplate cssnext gatsby hacktoberfest landing-page lost-grid postcss react starter-kit static-site
Last synced: 08 Nov 2024
https://github.com/equinusocio/astorinomattia.com
Personal website built with XITY, Eleventy, PostCSS, Parcel and Contentful
astrobuild css hacktoberfest html javascript pnpm postcss
Last synced: 14 Oct 2024
https://github.com/1j01/postcss-gtk
Processes GTK+ CSS into browser CSS
browser-css gtk gtk3 gtk3-theme postcss postcss-gtk postcss-plugin postcss-plugins processor style styles stylesheet
Last synced: 28 Oct 2024
https://github.com/charliewilco/obsidian
💎 A Modular CSS Library
css css-framework itcss postcss postcss-plugin
Last synced: 28 Oct 2024
https://github.com/madeleineostoja/postcss-position
PostCSS plugin that adds shorthand declarations for position attributes
css positioning postcss postcss-plugin
Last synced: 28 Oct 2024
https://github.com/gilmoreorless/postcss-gradient-transparency-fix
PostCSS plugin to fix up CSS gradients with transparency for older browsers
css-gradients postcss postcss-plugin
Last synced: 15 Nov 2024
https://github.com/hnordt/react-native-postcss-transformer
A babel transformer that adds PostCSS support for React Native apps
babel-transformer expo postcss react react-native tailwind-css
Last synced: 11 Oct 2024
https://github.com/blvdmitry/project-starter
My starter boilerplate for new projects. Totally opinionated :)
apollo graphql postcss react starter-kit typescript
Last synced: 08 Nov 2024
https://github.com/madeleineostoja/laggard
Automatically generate CSS fallbacks for legacy browsers, built on PostCSS
css-fallbacks legacy-browsers postcss postcss-plugins
Last synced: 28 Oct 2024
https://github.com/planetoftheweb/postcsslayouts
This is the repository for my course, Building a Responsive Single-Page Design with PostCSS on LinkedIn Learning and Lynda.com.
css layouts linkedinlearning lynda lynda-com postcss precss rayvillalobos responsive training tutorial
Last synced: 07 Nov 2024
https://github.com/lucasbassetti/react-airbnb-boilerplate
:fire: React Boilerplate following Airbnb's JavaScript (ES6) Style Guide
airbnb airbnb-javascript boilerplate chai eslint javascript mocha postcss react sass started webpack
Last synced: 07 Nov 2024
https://github.com/anibalsanchez/XT-TailwindCSS-Starter
A Tailwind CSS Starter. Based on Tailwind CSS, Webpack, PostCSS, and cssnano. Fully optimized for top performance.
cssnano postcss tailwindcss webpack
Last synced: 02 Oct 2024
https://github.com/dlebedynskyi/react-playground
React application with React Router v4, async components etc
async-component async-reducers ava code-splitting dynamic-routes eslint isomorphic postcss prettier react react-helmet react-router react-router-v4 reducer redux-store router split ssr universal webpack2
Last synced: 14 Oct 2024
https://github.com/onedevstudio/starter-kit
🏃 A simple and powerful Starter Kit made with Webpack, Gulp 4, Pug and SASS
babel boilerplate es6 eslint gulp gulp4 postcss sass starter starter-kit stylelint webpack
Last synced: 13 Nov 2024
https://github.com/brycewray/eleventy_solo_starter_njk
Further development suspended as of 2021-09-11. Please refer instead to https://www.11ty.dev/docs/starter/ for a wide selection of other Eleventy starter sets.
11ty css demo eleventy internalcss jit nunjucks postcss responsive-images ssg starter-template tailwind tailwind-jit tailwindcss
Last synced: 26 Sep 2024
https://github.com/movahedan/next-boilerplate
A well-structured production-ready Next.js boilerplate with a well-documented directory structuring that supports Typescript, Jest, react-testing-library, Cypress, configurable Fetch and SWR, and a configured component library using Emotion, twin.macro, Tailwind, and Storybook. Plus, taking advantage of NextSeo and NextSitemap.
boilerplate cypress emotion fetch jest next-seo next-sitemap nextjs postcss react react-test-renderer react-testing-library storybook swr tailwindcss typescript
Last synced: 09 Nov 2024
https://github.com/anibalsanchez/xt-tailwindcss-starter
A Tailwind CSS Starter. Based on Tailwind CSS, Webpack, PostCSS, and cssnano. Fully optimized for top performance.
cssnano postcss tailwindcss webpack
Last synced: 05 Nov 2024
https://github.com/darktasevski/frontend-starter-kit
A boilerplate for frontend projects powered by Gulp, HTML5 bolierplate, Sass, PostCss and Webpack(for Babel transpiling).
automation css development-workflow eslint-config frontend gulp gulp-tasks postcss prettier sass scss webpack
Last synced: 11 Oct 2024
https://github.com/ezavile/postcss-plugins
Monorepo that contains a set of PostCSS plugins.
button-builder button-generator button-style css-utilities design-tokens postcss postcss-plugins typescript-css utility-first
Last synced: 07 Nov 2024
https://github.com/sebastian-software/prepublish
Simplifies the prepare step (bundling, transpiling, rebasing) during publishing NPM packages.
babel npm postcss prepare prepublish publish rebase release rollup
Last synced: 14 Nov 2024
https://github.com/waldronmatt/bowman
A simple static site generator with an integrated toolchain for efficient development and delivery.
asset-management browsersync compile ejs eslint generator glob html javascript javascript-template-engine json nodejs postcss scss site static static-site-generator stylelint template webpack
Last synced: 12 Oct 2024
https://github.com/yeasin2002/t_wind-cli
setup Tailwind withing a second using cli
cli css3 nodejs npm npm-cli npm-package postcss tailwind-css tailwindcss tools
Last synced: 30 Sep 2024
https://github.com/alexsedeke/postcss-export-vars
PostCSS plugin to export variables as JSON or JS constants for additional usage.
Last synced: 11 Nov 2024
https://github.com/nimahkh/react-easy-boilerplates
react boilerplate generator
ant-design babel boilerplate jss material-ui postcss react react-boilerplate react-ssr react-webpack-boilerplate reactjs redux ssr webpack webpack4
Last synced: 28 Oct 2024
https://github.com/okikio/okikio
Okiki Ojo — Web Developer & Designer (Portfolio)
astrobuild gitpod markdown postcss tailwindcss typescript webdev website
Last synced: 02 Nov 2024
https://github.com/princed/postcss-modules-values-replace
PostCSS plugin intended to replace CSS Modules values
css-loader css-modules css-modules-values postcss postcss-plugin
Last synced: 27 Oct 2024
https://github.com/yuezk/postcss-urlrev
PostCSS plugin for css url revision
css-url-revision postcss postcss-url
Last synced: 08 Nov 2024
https://github.com/vitaliy-bobrov/postcss-register-custom-props
PostCSS plugin that transforms custom property registration in CSS to JS
Last synced: 27 Oct 2024
https://github.com/mismith0227/wp-theme-modernize
Modernize is an modern, white, clean, beautiful WordPress theme
babel gulp postcss standard webpack wordpress wordpress-theme
Last synced: 11 Oct 2024
https://github.com/chalkygames123/front-end-template
🐣 Practical template for building static websites
babel boilerplate eleventy eslint gulp-starter htmlhint nunjucks postcss prettier sass stylelint webpack
Last synced: 09 Oct 2024
https://github.com/milliorn/cloud-landing-page
A landing page template built with Typescript, React, and Tailwind CSS.
autoprefixer heroicons heroicons-react landing landing-page landing-page-template landing-page-theme landing-pages landingpage postcss react-icons react-scroll react-uuid tailwind tailwind-css tailwindcss tailwindui tsx typescript
Last synced: 02 Nov 2024
https://github.com/spacejack/mithril-browserify-ts-budo
Mithril, Browserify-HMR, TS, Budo, PostCSS starter project
browserify mithriljs postcss typescript
Last synced: 08 Nov 2024
https://github.com/rstacruz/responsive-modular-scale.css
Responsive typography using CSS variables
css modular-scale postcss typography
Last synced: 16 Oct 2024
https://github.com/jfilter/brunch-on-speed
🍽 Skeleton for Brunch for a long-scroll, single, static Web page
autoprefixer autoreload babel bootstrap bootstrap4 brunch brunch-skeleton concatenation eslint jquery meta-tags pleeease postcss sass skeleton uglify
Last synced: 11 Nov 2024
https://github.com/jednano/postcss-font-pack
PostCSS plugin to simplify font declarations by validating only configured font packs are used and adding fallbacks.
font font-packs postcss postcss-plugin
Last synced: 28 Oct 2024
https://github.com/sircus/sircus
Flexible Modular CSS Family for Designing in the Browser.
Last synced: 12 Oct 2024
https://github.com/octod/postcss-brexit
A post brexit plugin for post-css made for true British English programmers
brexit css funny funny-coding joke postcss postcss-plugin
Last synced: 27 Oct 2024
https://github.com/brycewray/eleventy_solo
This is the repository from which the Eleventy-generated version of https://www.brycewray.com formerly was built, later replaced by https://github.com/brycewray/eleventy_site.
11ty autoprefixer csso eleventy jit postcss tailwind tailwindcss
Last synced: 02 Oct 2024
https://github.com/sgtpep/csstag
Tagged template for CSS Modules: const styles = css`.root { color: red; }`; <div class={styles.root}></div>
browser css css-modules esm postcss tagged-template tagged-template-literal template-literal
Last synced: 13 Oct 2024
https://github.com/ioriens/wxss-transpiler
Port of wcsc.exe to Javascript. wxss 文件编译器
compiler css minapp postcss transpiler wxapp wxss wxss-transpiler wxss2css
Last synced: 14 Oct 2024
https://github.com/coobaha/postcss-variables-loader
Share variables between CSS and JS with Webpack + HMR
css cssnext hmr postcss postcss-variables-loader webpack
Last synced: 09 Nov 2024
https://github.com/suyalcinkaya/nextailwind
Fully optimized Next.js + Tailwind CSS starter kit.
cssnano next nextjs postcss purgecss tailwind tailwindcss vercel
Last synced: 02 Nov 2024
https://github.com/titieo/eleventy-kickstart-blog
A starter for your 11ty project using tailwindcss, daisyui, vitejs and vercel
11ty 11ty-starter 11ty-template daisyui eleventy frontend postcss ssg tailwind-css tailwind-css-template tailwindcss
Last synced: 31 Oct 2024
https://github.com/sandrina-p/postcss-start-to-end
PostCSS plugin that lets you control your layout (LTR or RTL) through logical rather than physical rules
postcss postcss-plugins rtl support-rtl
Last synced: 04 Aug 2024
https://github.com/lukethacoder/tauri-solid-example
🦀 Small Tauri SolidJS Example feat. Vite
desktop-app postcss rust solid tauri typescript vite
Last synced: 27 Oct 2024
https://github.com/lailo/next-with-tailwindcss
NextJS with TypeScript and TailwindCSS (with dark theme switch)
dark-mode dark-mode-toggle dark-theme jest jest-snapshots jest-tests nextjs postcss prettier react tailwindcss typescript
Last synced: 11 Nov 2024
https://github.com/jednano/postcss-all-link-colors
PostCSS plugin to insert colors for all link-related pseudo-classes.
active colors focus hover link postcss postcss-plugin visited
Last synced: 28 Oct 2024
https://github.com/monokrome/webpack-react-starter
Minimal starter for using React + PostCSS with Webpack.
Last synced: 27 Oct 2024
https://github.com/sonofmagic/postcss-rem-to-responsive-pixel
Convert rem units to px or rpx units using PostCSS. Based on postcss-pxtorem and postcss-rem-to-pixel, and rewrite with typescript, and support Postcss8
css pixel postcss postcss-plugin rem uni uni-app wechat
Last synced: 27 Oct 2024
https://github.com/ant-design/codemod-v5
codemod cli for antd v5 upgrade
ant-design-v5 antd antd-design codemod jscodeshift postcss
Last synced: 08 Nov 2024
https://github.com/loklaan/convert-css-js-app
Convert and edit CSS <-> CSS-in-JS in realtime.
create-react-app css css-in-js postcss
Last synced: 16 Oct 2024
https://github.com/sglazov/spt
🚀 A template for a quick start
css gulp html markup-template nunjucks postcss scss starter-template svg
Last synced: 26 Sep 2024
https://github.com/bcomnes/top-bun
🍞 Flour Water Salt Yeast HTML CSS JS
css esbuild html jamstack js markdownit md postcss
Last synced: 15 Oct 2024
https://github.com/laozhu/wsk
🚀 Web starter kit for simple web font-end development.
babel eslint mock-server postcss stylelint webpack webpack4 wsk
Last synced: 11 Oct 2024
https://github.com/princed/postcss-banner
PostCSS plugin to add text banner and footer to resulting file
banner css-comment postcss postcss-plugin
Last synced: 28 Oct 2024
https://github.com/garthdb/postcss-inherit
A PostCSS port of https://github.com/reworkcss/rework-inherit
Last synced: 14 Oct 2024
https://github.com/ningbonb/blog
关于前端的文章,自己在前端学习过程中的笔记与总结。
blog chrome html5 javascript krpano markdown postcss threejs typescript vue
Last synced: 06 Nov 2024
https://github.com/seancdavis/twenty-ninety
A production-ready Eleventy starter kit, optimized for performance.
eleventy gulp netlify postcss tailwindcss webpack
Last synced: 23 Oct 2024
https://github.com/carbonpackages/carbon.pipeline
Ultra-fast build stack for Neos CMS based on esbuild and PostCSS
build css esbuild hacktoberfest javascript neoscms postcss react svelte typescript vuejs
Last synced: 14 Nov 2024
https://github.com/madeleineostoja/postcss-input-style
PostCSS plugin that adds new pseudo-elements for easily styling the inner elements of inputs
css inputs postcss postcss-plugin pseudo-selectors
Last synced: 28 Oct 2024
https://github.com/yuezk/postcss-filter-gradient
PostCSS plugin for generating the old IE supported filter gradients.
css-gradient ie8-gradient postcss
Last synced: 08 Nov 2024
https://github.com/rodrigotomees/astro-rename
Astro-Rename is an Astro integration that brings postcss-rename functionality to your Astro project without the need of configuration.
astro astro-integration compress css postcss postcss-rename tailwind tailwindcss typescript
Last synced: 02 Nov 2024
https://github.com/thomas-darling/gulp-dependents
Gulp plugin that tracks dependencies between files and adds any files that depend on the files currently in the stream, thus enabling incremental build.
build dependencies gulp gulp-plugin incremental less pcss postcss sass scss
Last synced: 11 Oct 2024
https://github.com/barbarbar338/hastepaste
🖥️ HastePaste app website (DEPRECATED)
create-next-app next next-js next-js-app nextjs postcss react react-js reactjs tailwind tailwindcss ts typescript web website
Last synced: 12 Nov 2024
https://github.com/privatenumber/vite-css-modules
Vite plugin for correct CSS Modules behavior
css css-modules patch plugin postcss vite
Last synced: 18 Oct 2024
https://github.com/megatolya/postcss-will-change-transition
PostCSS plugin to add will-change property after transition declarations
postcss transition will-change
Last synced: 12 Oct 2024
https://github.com/jednano/postcss-circle
PostCSS plugin to insert a circle with color.
Last synced: 28 Oct 2024
https://github.com/samline/shido
Build interfaces quickly with a lightweight, flexible, and friendly CSS framework designed to be quick and easy without forcing you to overwrite styles or components. Your design, your rules.
artisan css css-framework css-modules front-end frontend functional-css grid grid-layout grid-system helpers-library less less-mixins mixins postcss responsive sass shido ui utility-classes
Last synced: 27 Oct 2024
https://github.com/dbox/caesura
:straight_ruler: A reasonable breakpoint scale using @custom-media
css cssnext custom-media mediaqueries mediaquery postcss
Last synced: 14 Oct 2024
https://github.com/modularorg/modularbp
⬡ Dead simple modular boilerplate.
babel boilerplate browsersync cssnext es6 gulp handlebars liquid modular postcss rollup sass static-site-generator
Last synced: 08 Nov 2024
https://github.com/Genuifx/postcss-pxtorpx-pro
转换px单位为rpx,并允许指定任意单位及其转换函数,支持指定黑名单prop。 A CSS post-processor that converts px to rpx or any other unit.
mini-app miniprogram postcss postcss-plugin postcss-plugins-px2rem rpx weapp
Last synced: 03 Aug 2024
https://github.com/iamnewton/alfred-postcss-workflow
Alfred App Workflow for https://www.postcss.parts
alfred alfred-workflow postcss workflow
Last synced: 18 Oct 2024
https://github.com/ahansson/hgrid-css
🌟 A lightweight and practical CSS utility kit. Zero config. Flat learning curve.
autoprefixer css css-framework css-utilities hgrid-css html node-sass postcss responsive-design scss utility-classes
Last synced: 01 Nov 2024
https://github.com/lnked/react-starter
React Starter Kit
linters mobx postcss pwa react react-router-v4 react-starter-kit styled-components tests typescript webpack4
Last synced: 29 Oct 2024
https://github.com/persteenolsen/webpack-5-react-typescript-boilerplate
Webpack 5 React TypeScript Babel and PostCSS boilerplate ready for use React with both JS and TS
babel postcss react typescript webpack
Last synced: 07 Nov 2024
https://github.com/rommelmamedov/bb8
Starter kit for automating tasks in everyday front-end development. 👨🏻💻 ⚡️ 🛠 ✨ 🤖
boilerplate browsersync css cssnano csso es6 eslint favicons gulpjs html imagemin javascript nodejs postcss purifycss rigger sass starter-kit stylelint templating
Last synced: 11 Oct 2024
https://github.com/remeic/generator-postcss
A simple postcss yeoman generator to be immediately ready and productive!
generator-postcss gulp postcss yeoman
Last synced: 11 Oct 2024
https://github.com/alexlafroscia/postcss-retina-bg-img
Automatically add retina background images
background-image images postcss retina
Last synced: 20 Oct 2024
https://github.com/yurique/laminar-snowpack-example
An example of a Snowpack build for a Scala.js + Laminar + frontroute app.
embedded-files postcss scala scala-3 scalajs snowpack tailwindcss
Last synced: 31 Oct 2024
https://github.com/andrepolischuk/postcss-color-short
PostCSS plugin for color shortcuts
Last synced: 09 Nov 2024
https://github.com/harvanchik/tailwind-template
A static site starter template using Tailwind CSS and Gulp.
css gulp gulp-plugin gulpjs html html-css-javascript html-files html5 javascript jit postcss static-site tailwind tailwind-cli tailwindcss template template-project template-repository
Last synced: 11 Oct 2024
https://github.com/viur-framework/viur-ignite
A sizzling PostCSS boilerplate
css css-framework css-modules css3 framework-css npm npm-package postcss postcss-boilerplate viur
Last synced: 14 Oct 2024
https://github.com/jednano/postcss-nested-vars
PostCSS plugin for nested Sass-like variables.
nested postcss postcss-plugin sass variables vars
Last synced: 11 Oct 2024
https://github.com/naoray/tailwind-caret-color
Tailwindcss plugin to color caret in input fields
caret plugin postcss tailwindcss
Last synced: 30 Oct 2024
https://github.com/princed/grunt-csswring
DEPRECATED. Minify CSS files using PostCSS-based CSSWring
css-minifier csswring deprecated grunt grunt-plugins postcss
Last synced: 12 Oct 2024