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/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/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/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/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/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/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/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/tbremer/postcss-atrule-bem
CSS At Rules for writing semantic BEM components.
Last synced: 14 Nov 2024
https://github.com/simonsmith/postcss-generate-preset
PostCSS plugin for quickly generating repetitive utilities
Last synced: 28 Oct 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/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/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/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/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: 09 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/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/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/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/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: 15 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/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/moox/postcss-message-helpers
PostCSS helpers to throw or output GNU style messages
javascript postcss postcss-helpers
Last synced: 14 Nov 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/remeic/rum
🥃 Makes people smile with css
css fast framework hacktoberfest hacktoberfest2022 mobile-first postcss small
Last synced: 27 Oct 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/arturparkhisenko/gulp-gold
:wrench: Custom Gulp pack
browsersync development gulp javascript npm postcss tools webpack
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/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/stylus/postcss-styl
PostCSS parser plugin for converting Stylus syntax to PostCSS AST
Last synced: 15 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/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/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/mungell/react-postcss
Simple style tag for React
css-in-js experimental postcss react
Last synced: 16 Nov 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/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/andrepolischuk/postcss-border
PostCSS plugin for border shortcut
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/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/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/mizchi/next-amp-tailwind-purgecss
amp next postcss purgecss tailwindcss
Last synced: 11 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/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/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/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/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/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/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: 23 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/alekseypleshkov/nuxt-starter-pack
Vue/Nuxt starter pack with docker and gitlab-ci
docker gitlat-ci nuxtjs postcss starter-pack vue
Last synced: 07 Nov 2024
https://github.com/bart-jaskulski/eleventy-postcss-extension
Add CSS processing with PostCSS to your Eleventy build.
css eleventy eleventy-plugin postcss
Last synced: 27 Oct 2024
https://github.com/andrepolischuk/inferno-redux-example
An example of Inferno Redux async application
example example-app inferno inferno-redux postcss redux
Last synced: 09 Nov 2024
https://github.com/zgreen/postcss-elm-modules
Transpile CSS modules to Elm.
css css-modules elm postcss postcss-plugin
Last synced: 12 Oct 2024
https://github.com/azat-io/postcss-responsive
📐 PostCSS plugin that improves developer experience of responsive design
Last synced: 10 Nov 2024
https://github.com/ambar/postcss-theme-colors
Use relative color syntax or color-mix() with theme color groups 😉
css postcss postcss-plugin theme theming
Last synced: 08 Nov 2024
https://github.com/pekim/postcss-modules-resolve-from-alias
A CSS Modules transform to provide aliases for composes paths.
Last synced: 14 Oct 2024
https://github.com/alexandrecpedro/design-system
Design System project
figma gh-pages ignite-lab javascript jest mock mswjs phosphoricons postcss radix-ui react rocketseat storybook tailwind-css tailwindcss typescript vite vscode yml-files
Last synced: 09 Nov 2024
https://github.com/octod/postcss-emptymediaqueries
Removes empty media queries
css postcss postcss-emptymediaqueries
Last synced: 27 Oct 2024
https://github.com/aler9/googlefonts-inliner
PostCSS plugin to download all Google Fonts imported by a stylesheet and serve them locally
css google-fonts googlefonts postcss postcss-plugin postcss-plugins sass
Last synced: 02 Nov 2024
https://github.com/vishnucss/vishnu
🎨 A simple and minimalist toolkit with modern css
css-framework css-next css3 postcss styleguide-css toolkit vishnu
Last synced: 12 Oct 2024
https://github.com/bush1d3v/tsbank_front
Front-end da aplicação TSBank, uma aplicação bancária completa possuindo todas as transações bancárias existentes.
axios crypto-js css3 docker dotenv eslint html jest nodejs postcss prettier react scss stylelint tailwindcss typescript vite vitest yarn zod
Last synced: 07 Nov 2024
https://github.com/joshnuss/svelte-snowpack-template
A snowpack template for svelte with support for jest, eslint, postcss, tailwind, and rollup.
eslint jest postcss rollup snowpack svelte svelte-template tailwindcss
Last synced: 13 Oct 2024
https://github.com/petrnikolas/staticfy
Basic starter kit for static sites based on Gatsby.js. (React, Gatsby, TypeScript, TSLint, Lint-Staged, Husky, Prettier, Stylelint, Spectre.css, PostCSS, Sass)
gatsby gatsby-starter gatsby-starter-kit gatsbyjs husky postcss react reactjs sass spectre starter-kit starter-project starter-template starterkit static-site stylelint tslint typescript
Last synced: 12 Nov 2024
https://github.com/grigorii-horos/fast-start
This is base stucture for simple site. It support static sites, Nodejs, ES6, PostCSS, Nunjucks, HTML.
browsersync gulp html javascript linter nodejs nunjucks postcss
Last synced: 30 Oct 2024
https://github.com/tfanme/postcss-less2scss
PostCSS plugin to convert Less to Scss
conversion converter less postcss postcss-plugin scss
Last synced: 04 Nov 2024
https://github.com/florianbouvot/laravel-mix-boilerplate
A boilerplate for building web projects with Laravel Mix.
autoprefixer css javascript laravel-mix minify optimization postcss purgecss sass tailwindcss versioning webpack
Last synced: 14 Oct 2024
https://github.com/Los-Crackitos/svelte-tailwind-i18n-template
Svelte project template with Tailwindcss and i18n pre-configured
hacktoberfest i18n postcss svelte3 tailwindcss template-project
Last synced: 04 Nov 2024
https://github.com/fi3ework/postcss-rename-selector
🌖 Effortlessly Rename CSS Selectors.
ant-design antd css less postcss postcss-plugin
Last synced: 19 Oct 2024
https://github.com/tonyrewin/svelte3-ts-boilerplate
postcss rollup svelte typescript
Last synced: 14 Nov 2024
https://github.com/yazeedobaid/laravel-mix-postcss-config
A Laravel-mix plugin to add the postcss-loader to the default mix webpack.config.js file.
laravel-mix laravel-mix-plugin postcss postcss-loader webpack
Last synced: 07 Nov 2024
https://github.com/ileostar/postercraft
Nestjs+Nextjs 全栈低代码海报编辑器🎊
cypress docker docker-compose drizzle-orm github-actions mysql nestjs nextjs oauth2 oss pnpm-monorepo postcss react19 redis sentry shadcn-ui tailwind turborepo vercel vitest
Last synced: 11 Oct 2024
https://github.com/moollaza/zaahir.ca
Zaahir Moolla's Personal Website
personal-website postcss purgecss rollup sapper svelte tailwindcss
Last synced: 14 Oct 2024
https://github.com/okikio/postcss-spring-easing
PostCSS plugin to add that bounce and boogie that only springs can bring
easings linear postcss postcss-plugin spring spring-easing
Last synced: 11 Oct 2024
https://github.com/artelydev/vue-shortener
:fire: Vue.js URL Shortener
coffeescript coffeescript2 expressjs heroku postcss pug pug-template-engine pugjs stylus sugarss url-shortener vue
Last synced: 10 Oct 2024
https://github.com/doinel1a/vite-react-js-starter
Start a ReactJS Web App, SPA, website or landing page using JavaScript, Tailwind CSS, ESLint, Husky Vite, SWC and much more, in JUST 30 seconds, without the hassle of setting up your dev environment.
boilerplate boilerplate-template eslint husky javascript js playwright postcss react react-javascript react-js sass starter starter-template swc tailwind tailwind-css tailwindcss template vite
Last synced: 07 Nov 2024
https://github.com/angatar/tailwindcss
Tiny container with Tailwind CSS CLI official binaries only (into scratch), that can help any project to make use of Tailwind CSS without requiring Node.js nor npm
container css css-framework docker functional-css postcss responsive tailwindcss utility-classes
Last synced: 09 Nov 2024
https://github.com/lbrian/postcss-class-rename
PostCSS plugin simply replaces string without hassle
css postcss postcss-plugin postcss-plugins rollup webpack webpack-loader
Last synced: 16 Oct 2024
https://github.com/tadatuta/postcss-css-to-bem-css
postcss plugin to convert CSS to rebem-css
bem convention css methodology naming postcss
Last synced: 16 Oct 2024
https://github.com/bush1d3v/nei_market_analytics
NEI Market Analytics is an open-source project designed to provide comprehensive market value analyses for various financial instruments and digital assets. This repository aims to create a robust platform for tracking and analyzing market trends across multiple sectors.
actions biomejs bun cypress docker express i18next mitt nodejs pinia playwright postcss shadcn-vue storybook tailwindcss typescript vitest vue vueuse
Last synced: 07 Nov 2024
https://github.com/dkrnl/postcss-font-display
PostCSS plugin to automatically add font-display css rule
css font-display postcss postcss-plugin
Last synced: 09 Nov 2024
https://github.com/mrcgrtz/kickstart
⚒ Kickstart is my opinionated starter kit for frontend development.
css gulp html javascript php postcss starter-kit
Last synced: 02 Nov 2024
https://github.com/neurosnap/postcss-scopeify-everything
Scopify all your CSS selectors
css postcss postcss-plugin scoped-css
Last synced: 24 Oct 2024
https://github.com/bennyxguo/hexo-renderer-tailwindcss
A hexo renderer for tailwindcss with postcss preprocessor.
hexo hexo-renderer postcss tailwindcss
Last synced: 10 Nov 2024
https://github.com/jednano/parse-css-sides
Parses CSS sides (e.g., margin, padding, border) into an object.
Last synced: 28 Oct 2024
https://github.com/jonathanharrell/hiq-theme-builder
Theme builder for the HiQ CSS framework.
css custom-properties postcss theming vue
Last synced: 28 Oct 2024
https://github.com/nathanielinman/jugs
Micro app generator jugs makes game development fun again.
autoprefixer babel ion ion-cloud javascript jugs postcss stylus vite vitejs
Last synced: 07 Nov 2024
https://github.com/7studio/postcss-color-rgb
PostCSS plugin to transform new RGB functions syntaxes to compatible CSS.
color css postcss postcss-plugin rgb
Last synced: 08 Nov 2024
https://github.com/yordis/postcss-google-font
PostCSS plugin for import Google fonts
font google-fonts postcss postcss-google-font
Last synced: 27 Oct 2024