Use tomorrow's CSS syntax, today.

cssnext is a CSS transpiler that allows you to use the latest CSS syntax today. It transforms CSS specs into more compatible CSS so you don’t need to wait for browser support.

cssnext was at first designed to be a complete tool, before PostCSS became popular; thus, includes some options that don't really belong in a PostCSS plugin (e.g., import, url, compress, plugins). These days, most people use PostCSS directly so we decided to make integration of cssnext more simple by providing a simple (real) plugin.

If you were using cssnext with some options here is what you need to know:

• import: just add into your plugins list postcss-import
• url: just add into your plugins list postcss-url
• compress: just add into your plugins list cssnano
• plugins: just add the plugins directly in your list
• messages: see postcss-reporter and postcss-browser-reporter
• sourcemap, map, to, from: see PostCSS source map documentation

Don't worry. That's why we created another package. The cssnext package will have a major release soon in order to introduce a minor but breaking changes in the Node.js API, but you will get the same tool as before. The nice thing is: cssnext will use postcss-cssnext under the hood.

• Features
• Setup
• Usage
• Playground

For questions and support please visit the gitter room.

The issue tracker is exclusively for bug reports and feature requests.