Grunt-uncss
A Grunt task that removes unused CSS from your projects using UnCSS.
What is Grunt-uncss?
grunt-uncss is a Grunt plugin that removes unused CSS from web projects to reduce file size and improve performance. It works by analyzing HTML files to identify which CSS selectors are actually used, then generates a cleaned stylesheet containing only those rules. This helps eliminate bloat from large frameworks like Bootstrap when only a fraction of their styles are utilized.
Frontend developers and build engineers using Grunt as their task runner, especially those working on multi-page websites or applications with large CSS frameworks.
It automates a tedious manual optimization process, integrates seamlessly into existing Grunt workflows, and can significantly reduce CSS payloads—sometimes from over 120KB down to 11KB—leading to faster page loads.
Overview
:scissors: A grunt task for removing unused CSS from your projects.
Use Cases
Best For
- Optimizing Bootstrap or similar UI frameworks in production builds
- Reducing CSS file sizes in multi-page static websites
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
