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-12-25 00:23:05 UTC
- JSON Representation
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/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/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/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/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: 22 Dec 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/jednano/postcss-circle
PostCSS plugin to insert a circle with color.
Last synced: 28 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/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/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/cityofnewyork/patterns-cli
A front-end CLI for building and managing design pattern libraries. Maintained by @NYCOpportunity
civic cli dart-sass design-systems design-tokens es-modules eslint nycopportunity patterns patterns-cli postcss pttrn sass slm-lang stylelint svg-sprite svgo svgs tailwindcss templates
Last synced: 18 Nov 2024
https://github.com/zcreativelabs/fiber-css
An atomic css framework focused on responsive design
atomic-css css design-systems design-tools postcss responsive-design
Last synced: 16 Nov 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/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/theelegantcoding/astro_template_webpage
π¦οΈ This repository that contains an Astro template ready for any website you can imagine. It's like a Swiss Army knife for developers, offering pre-built modules and flexible configurations to kickstart your project, regardless of its type.
accessibility astro bun clean-architecture clean-code design-system eslint i18n node performance postcss sass seo style-guide stylelint typescript vite web-development
Last synced: 07 Dec 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/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/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/andrepolischuk/postcss-color-short
PostCSS plugin for color shortcuts
Last synced: 09 Nov 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/princed/grunt-csswring
DEPRECATED. Minify CSS files using PostCSS-based CSSWring
css-minifier csswring deprecated grunt grunt-plugins postcss
Last synced: 12 Oct 2024
https://github.com/tomokimiyauci/mapcss
Tiny, composable Atomic CSS engine
ast atomic atomic-css css engine postcss tailwindcss
Last synced: 12 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/kurosame/vuejs-boilerplate
Boilerplate to develop a Vue.js App
babel boilerplate circleci cypress eslint jest postcss prettier sass stylelint typescript vue vue-router vue-test-utils vuex webpack
Last synced: 08 Dec 2024
https://github.com/meltifa/postcss-pixel-to-viewport
A CSS post-processor that converts px to viewport units.
pixel postcss postcss-plugin px vw
Last synced: 14 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/ahtohbi4/postcss-bgimage
PostCSS plugin to optimization subjective site speed
Last synced: 07 Dec 2024
https://github.com/metaphorical/quantum-blox
Quantum blox - modular UI boilerplate in react
css jest modularity modules postcss react reactjs redux redux-saga webpack webpack2
Last synced: 23 Nov 2024
https://github.com/stackcss/sheetify-postcss
postcss transform for sheetify, use all the plugins!
Last synced: 23 Nov 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/awcross/postcss-each-variables
PostCSS plugin enabling variable mapping for each
each postcss postcss-plugin properties rules variables vars
Last synced: 19 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/naoray/tailwind-caret-color
Tailwindcss plugin to color caret in input fields
caret plugin postcss tailwindcss
Last synced: 30 Oct 2024
https://github.com/importantimport/shiraha
β Material 3-inspired Classless CSS Framework. [WIP]
classless classless-css classless-css-framework classless-theme css css-framework css-library postcss sugarss theme
Last synced: 27 Oct 2024
https://github.com/vuthanhtrung2010/url-shortener
An ultra fast & flexible URL shortener using PostgreSQL database
link-shortener next14 nextjs postcss postgresql postgresql-database prisma-orm sentry tailwindcss typescript url-shortener
Last synced: 11 Oct 2024
https://github.com/simonsmith/postcss-generate-preset
PostCSS plugin for quickly generating repetitive utilities
Last synced: 28 Oct 2024
https://github.com/celiolatorraca/autoprefixer-tv
PostCSS plugin to split only duplicated prefixed property declarations into multiple rules.
postcss postcss-plugin react-tv webos
Last synced: 16 Nov 2024
https://github.com/philipbordallo/postcss-stack
A better way to manage z-indexes
Last synced: 17 Nov 2024
https://github.com/welksonramos/postcss-brazilian-portuguese-stylesheets
:scream: PostCSS plugin for writing CSS in Brazilian Portuguese
Last synced: 11 Nov 2024
https://github.com/saadeghi/create-react-app-tailwindcss
create react app with tailwindcss configed
autoprefixer create-react-app cssnano postcss react reactjs tailwind tailwindcss
Last synced: 27 Oct 2024
https://github.com/darrenjacoby/postcss-range-value
Range value between two screen sizes
css postcss postcss-plugin postcss-range-value
Last synced: 19 Nov 2024
https://github.com/lucasjs/react-boilerplate
βοΈ Webpack + React + PostCSS + Storybook and Linters Boilerplate
boilerplate css javascript postcss react storybook webpack
Last synced: 08 Nov 2024
https://github.com/tbremer/postcss-atrule-bem
CSS At Rules for writing semantic BEM components.
Last synced: 14 Nov 2024
https://github.com/gregrickaby/npm-scripts-boilerplate
A collection of packages that build a website using npm scripts.
cssnano image-processing nodejs npm-scripts npmjs postcss sass
Last synced: 28 Sep 2024
https://github.com/martinkavik/postcss-typed-css-classes
PostCSS plugin that generates typed entities from CSS classes for chosen programming language.
classes css generator postcss postcss-plugin rust tailwindcss
Last synced: 02 Nov 2024
https://github.com/a-x-/babel-plugin-transform-import-css
Pack css-modules css into js (for library building purposes)
babel babel-plugin babel7 css-modules frontend postcss rocketbank
Last synced: 12 Nov 2024
https://github.com/parfaitementweb/tailwind-mix-starter
A static HTML starter template using TailwindCSS with Laravel Mix, PostCSS and PurgeCSS
laravel-mix postcss starter-template tailwindcss
Last synced: 13 Nov 2024
https://github.com/waldronmatt/webpack-boilerplate
Comprehensive Webpack 5 Boilerplate with Express, Netlify, and PWA support.
boilerplate boilerplate-webpack browserslist commitizen commitlint eslint htmlhint husky jest lint-staged markdownlint postcss prettier sass secretlint semantic-release stylelint template typescript webpack
Last synced: 08 Nov 2024
https://github.com/alekseypleshkov/postcss-flex-short
PostCSS plugin for write short flex parameters
postcss postcss-flex postcss-plugin
Last synced: 07 Nov 2024
https://github.com/manzdev/css-grid-cards
CSS Grid Cards: Talk for TLP Tenerife 2018 / JSDay CanariasJS 2018
css css-grid flex flexbox grid grid-css javascript postcss talks
Last synced: 11 Nov 2024
https://github.com/milliorn/landing-page
Template landing page site built using React and Tailwind CSS
autoprefixer css css3 html html-css html-css-javascript html5 javascript js landing-page landing-page-template landingpage lazy-loading postcss react reactjs tailwind tailwind-css tailwindcss typescript
Last synced: 10 Dec 2024
https://github.com/gustavomorinaga/gustavomorinaga.dev
β² My super website built with SvelteKit and served on Vercel.
daisyui developer gustavomorinaga portfolio postcss sass sveltekit tailwindcss threejs typescript vercel
Last synced: 28 Oct 2024
https://github.com/karolis-sh/esbuild-postcss
esbuild plugin for PostCSS support
esbuild esbuild-plugin postcss
Last synced: 28 Oct 2024
https://github.com/moox/postcss-message-helpers
PostCSS helpers to throw or output GNU style messages
javascript postcss postcss-helpers
Last synced: 25 Dec 2024
https://github.com/mrcgrtz/postcss-opacity-percentage
π PostCSS plugin to transform percentage-based opacity values to more compatible floating-point values.
css css4 opacity postcss postcss-plugin
Last synced: 23 Dec 2024
https://github.com/epilande/yars
:rocket: Yet Another React Starter
boilerplate css-modules postcss react redux webpack
Last synced: 25 Nov 2024
https://github.com/madeleineostoja/postcss-subgrid
PostCSS plugin that shims some basic behaviour of the proposed CSS subgrid spec
css-grid polyfill postcss postcss-plugin
Last synced: 01 Nov 2024
https://github.com/remeic/rum
π₯ Makes people smile with css
css fast framework hacktoberfest hacktoberfest2022 mobile-first postcss small
Last synced: 27 Oct 2024
https://github.com/hassonor/react-with-tailwind
Appointment Owner-Pet with React, Tailwind, PostCSS, Craco, React-icons
craco postcss react react-icons searching sorting-data tailwind
Last synced: 10 Nov 2024
https://github.com/cosanca/nucleum
A performance oriented web starter kit
browserslist browsersync docker-compose gulp gulp-tasks itcss performance postcss web-starter-kit webpack4 wordpress
Last synced: 14 Oct 2024
https://github.com/oliverfindl/html-sass-babel-boilerplate
Simple boilerplate for building web app with babel-cli and node-sass.
autoprefixer babel boilerplate eslint html html-sass-babel-boilerplate javascript postcss purgecss sass stylelint
Last synced: 26 Oct 2024
https://github.com/tycrek/pagery
Opinionated static site generator
cloudflare cloudflare-pages jamstack postcss static-site-generator tailwind
Last synced: 20 Nov 2024
https://github.com/billimarie/simple-react-tailwind-tutorial
Create a simple, multi-page website that watches your CSS changes & refreshes your app, accordingly.
postcss react react-js react-tutorial tailwind-css tailwindcss tutorial
Last synced: 12 Nov 2024
https://github.com/chrisboakes/postcss-encode-background-svgs
PostCSS plugin to encode background svgs
postcss postcss-plugin postcss-plugins
Last synced: 02 Dec 2024
https://github.com/francoisromain/postcss-grid-system
A PostCSS plugin to create grids based on a fixed column width.
grid-system postcss postcss-grid postcss-plugin
Last synced: 17 Nov 2024
https://github.com/mungell/react-postcss
Simple style tag for React
css-in-js experimental postcss react
Last synced: 16 Nov 2024
https://github.com/winston0410/postcss-rfs-autopilot
A PostCSS plugin that will auto markup your CSS with rfs() for RFS
Last synced: 28 Oct 2024
https://github.com/arturparkhisenko/gulp-gold
:wrench: Custom Gulp pack
browsersync development gulp javascript npm postcss tools webpack
Last synced: 14 Oct 2024
https://github.com/stylus/postcss-styl
PostCSS parser plugin for converting Stylus syntax to PostCSS AST
Last synced: 15 Nov 2024
https://github.com/aonemd/jazl
GitHub issue based commenting system made simple
babel7 blogging comments github github-pages issues postcss webpack4
Last synced: 10 Dec 2024
https://github.com/jasonraimondi/postcss-custom-media-generator
Generates mobile first `@custom-media` rules from a configuration object.
custom-media mobile-first mobile-first-css postcss postcss-custom-media postcss-custom-media-generator postcss-plugin
Last synced: 09 Nov 2024
https://github.com/mitsunee/postcss-split-colors
PostCSS Plugin to destructure colors in custom properties
css css3 css3-color css3-properties postcss postcss-plugin
Last synced: 13 Oct 2024
https://github.com/dangvanthanh/postcss-longshadow-text
Postcss plugin for long shadow text
css longshadow-text postcss postcss-plugins shadow-text
Last synced: 11 Oct 2024
https://github.com/dialpad/dialtone
The main repository for all of Dialpad's design system resources.
css design-system design-tokens dialtone javascript less postcss ui ui-library vue vue-components vuejs2 vuejs3
Last synced: 29 Oct 2024
https://github.com/skilld-labs/kaizen
Basic theme
components development-theme drupal-8 eslint postcss stylelint theme webpack
Last synced: 11 Oct 2024
https://github.com/SectorLabs/postcss-inline-class
A webpack plugin to inline CSS classes in other CSS classes using postcss
inline mixins postcss postcss-plugins webpack
Last synced: 08 Nov 2024
https://github.com/andrepolischuk/postcss-border
PostCSS plugin for border shortcut
Last synced: 11 Oct 2024
https://github.com/double-slash-podcast/double-slash
Code source du site web dΓ©diΓ© au podcast double slash
frontmatter gatsbyjs graphql javascript netlify podcast postcss react rss
Last synced: 06 Dec 2024
https://github.com/zzx0106/vue-template
vue樑ζΏζΆζ
gzip postcss prerender-spa-plugin pwa sentry seo vue vue-cli3 vue-router vuex webpack
Last synced: 16 Nov 2024
https://github.com/danieladarve/craft-startup-kit
A Craft CMS 3 + (Laravel Mix, TailwindCSS+purge, PostCss, AlpineJS, ESLint, AirBnb, Prettier) Boilerplate
airbnb alpinejs craftcms eslint laravel-mix postcss prettier
Last synced: 11 Nov 2024
https://github.com/matijaoe/vue-starter
π½ Vue & UnoCSS starter template
iconify pinia pnpm postcss unocss unplugin-auto-import unplugin-vue-components unplugin-vue-macros unplugin-vue-router vite vue vueuse
Last synced: 17 Nov 2024
https://github.com/vitaliyr/postcss-esplit
PostCSS plugin for splitting css into multiple css files with sourcemaps support for preventing limitation of shinny ie9
Last synced: 14 Oct 2024
https://github.com/bhanu1776/nextjs14-starter-template
Npm package: Latest Next.js 14 starter template with Typescript + Tailwindcss + Eslint (airbnb) + Prettier + Husky + cz-git + pnpm + PWA π₯
cz-git debug-screens eslint eslint-airbnb husky nextjs-starter nextjs-template nextjs13 pnpm postcss prettier-eslint progressive-web-app react tailwindcss tailwindcss-prettier typescript
Last synced: 14 Oct 2024
https://github.com/mizchi/next-amp-tailwind-purgecss
amp next postcss purgecss tailwindcss
Last synced: 11 Nov 2024
https://github.com/andreapontrandolfo/super-performant-portfolio-website
Blazing fast static website made with Astro :rocket:
art astro autoprefixer cloudflare javascript postcss swup tailwindcss
Last synced: 23 Oct 2024
https://github.com/csstools/postcss-attribute-case-insensitive
PostCSS plugin to support case insensitive attributes
Last synced: 04 Nov 2024
https://github.com/html-next/optimizing-css-compiler
CSS: but easier and faster
css ember ember-cli glimmerjs postcss postcss-plugin scoped-css
Last synced: 09 Nov 2024
https://github.com/shenlu89/jekyll-tailwindcss-starter
A dead simple, comprehensive Jekyll boilerpalte styling with Tailwind CSS.
cssnano disqus google-analytics jekyll jekyll-theme mathjax postcss purgecss tailwindcss
Last synced: 30 Oct 2024
https://github.com/sandrina-p/how-can-js-improve-your-css-mixins
How can JS Improve CSS Mixins
css css-mixins csstest javascript mixins postcss unit-testing
Last synced: 23 Dec 2024
https://github.com/guillaumebriday/webpack-boilerplate
Webpack 4 boilterplate with Babel, SASS, PostCSS, Vue, Tailwind and Pug
babel postcss pug sass tailwindcss vue webpack webpack-dev-server
Last synced: 22 Dec 2024