PostCSS Config Generator

Generate PostCSS configuration files instantly. Select popular plugins like Tailwind CSS, Autoprefixer, cssnano, and more. Export as JS, JSON, or YAML.

Config Format

Plugins

Autoprefixer Add vendor prefixes automatically Tailwind CSS Utility-first CSS framework cssnano Minify and optimize CSS postcss-preset-env Modern CSS for legacy browsers postcss-nested Nested CSS like Sass postcss-import Inline @import rules postcss-custom-properties CSS custom properties fallback postcss-sorting Sort CSS properties

Options

Generated Config

Install Dependencies

Run this command to install the selected plugins:

About PostCSS Config Generator

PostCSS is a tool for transforming CSS with JavaScript plugins. It powers popular tools like Autoprefixer, Tailwind CSS, and cssnano. This generator creates ready-to-use configuration files for your project, supporting multiple formats (CommonJS, ESM, JSON, YAML) and the most popular PostCSS plugins. All generation happens client-side — no data is sent to any server.

Features

Support for 8 popular PostCSS plugins
Export as CommonJS, ESM, JSON, or YAML
Customizable plugin options (cssnano preset, preset-env stage)
One-click npm install command generation
Copy to clipboard or download config file
100% client-side — no server, no data storage