PostCSS Plugins

We are happy you're here!

This repository contains plugins, plugin-packs, utilities, CLI tools, ... to help you do more with CSS.

PostCSS Preset Env

Read more about PostCSS Preset Env or jump right in :

• Install postcss-preset-env from npm.
• Add postcss-preset-env to your configuration:

const postcssPresetEnv = require('postcss-preset-env');

const yourConfig = {
    plugins: [
        /* other plugins */
        /* remove autoprefixer if you had it here, it's part of postcss-preset-env */
        postcssPresetEnv({
            /* pluginOptions */
            features: {},
        })
    ]
}

Overview

• packages
  • css tokenizers and parsers
  • common utilities
• PostCSS plugins
• PostCSS Preset Env
• Stylelint plugins
• cli's
• sites
• PostCSS recipes

Our current focus

Standard CSS transforms

We're trying to bring every reasonable CSS Spec into all the browsers.

First we keep track of new features through the CSSDB (see the repo). Then we do our best to create a PostCSS plugin that can convert that new syntax/function/rules so every browser can understand it.

While it's not always possible we're enabling over 50 features with these plugins!

Developer experience

We want it to be easier for you to be effective at writing CSS.
From time to time we will publish plugins that aren't related to a standard CSS spec but that we think will help developers.

Contributing

Thanks for being willing to contribute! Please read our contributing guide!

Acknowledgements

We could not do this work without the contributions of the community.
We appreciate all of you!

We want to thank:

• everyone who submits bug reports and feature requests
• everyone who contributes code
• everyone who contributes financially:
  • Open Collective
  • GitHub Sponsors
  • Thanks.dev
  • Stackaid

We also want to thank these organizations and people for making their tools available to Open Source maintainers:

• OrbStack
• GitHub Copilot