https://cssnano.github.io/cssnano/

A modular minifier, built on top of the PostCSS ecosystem.
https://cssnano.github.io/cssnano/

css cssnano minification optimisation postcss

Last synced: 3 months ago
JSON representation

A modular minifier, built on top of the PostCSS ecosystem.

• Host: GitHub
• URL: https://cssnano.github.io/cssnano/
• Owner: cssnano
• License: mit
• Created: 2015-04-14T16:23:09.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2025-10-29T14:46:02.000Z (4 months ago)
• Last Synced: 2025-11-14T00:30:04.904Z (4 months ago)
• Topics: css, cssnano, minification, optimisation, postcss
• Language: CSS
• Homepage: https://cssnano.github.io/cssnano/
• Size: 32.7 MB
• Stars: 4,932
• Watchers: 47
• Forks: 324
• Open Issues: 100
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE-MIT

Awesome Lists containing this project

• Front-End-Performance-Checklist - cssnano: A modular minifier based on the PostCSS ecosystem. - cssnano

README

          


    


    

    


    


    




> A modular minifier, built on top of the [PostCSS](https://github.com/postcss/postcss) ecosystem.

[![Backers on Open Collective](https://opencollective.com/cssnano/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/cssnano/sponsors/badge.svg)](#sponsors) [![NPM version](https://img.shields.io/npm/v/cssnano.svg)](https://www.npmjs.org/package/cssnano)

[![Build Status](https://github.com/cssnano/cssnano/actions/workflows/test.yml/badge.svg)](https://github.com/cssnano/cssnano/actions/workflows/test.yml)

[![codecov](https://codecov.io/gh/cssnano/cssnano/branch/master/graph/badge.svg)](https://codecov.io/gh/cssnano/cssnano)

[![Gitter](https://img.shields.io/badge/Gitter-Join_the_PostCSS_chat-brightgreen.svg)](https://gitter.im/postcss/postcss)

cssnano is a modern, modular compression tool written on top of the PostCSS

ecosystem, which allows us to use a lot of powerful features in order to compact

CSS appropriately.

Our preset system allow you to load cssnano in a different configuration

depending on your needs; the default preset performs safe transforms, whereas

the advanced preset performs more aggressive transforms that are safe only when

your site meets the requirements; but regardless of the preset you choose, we

handle more than whitespace transforms!

Optimisations range from compressing colors & removing comments, to discarding

overridden at-rules, normalising `unicode-range` descriptors, even mangling

gradient parameters for a smaller output value! In addition, where it's made

sense for a transform, we've added [Browserslist](https://github.com/ai/browserslist)

to provide different output depending on the browsers that you support.

For further details check out the [website](https://cssnano.github.io/cssnano):

- [Installation guide for your build process](https://cssnano.github.io/cssnano/docs/getting-started).

- [Full list of optimisations](https://cssnano.github.io/cssnano/docs/what-are-optimisations/).

You can now [try cssnano online](https://cssnano.github.io/cssnano/playground/)!

## Contributing

See [CONTRIBUTING.md](CONTRIBUTING.md).

## Contributors

This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].



## Backers

Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/cssnano#backer)]



## Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/cssnano#sponsor)]





















## License

MIT © [Ben Briggs](https://beneb.info)