Awesome GitHub RepositoriesCSS Selector Purging

PurifyCSS is a CSS unused style remover and payload optimizer that analyzes HTML and templates to identify and delete unused CSS selectors from stylesheets. It functions as a frontend build automation tool that integrates into development pipelines to automatically strip redundant styles and minify assets during the compilation phase. The tool provides specific optimization for single page applications, identifying and removing redundant CSS while ensuring necessary styles are preserved across dynamic views and states. The utility covers a range of capabilities including static content analy

PurgeCSS ist ein CSS-Purger und -Optimierer für Build-Pipelines, der darauf ausgelegt ist, die endgültige Größe von Stylesheets zu reduzieren. Es fungiert als Tree-Shaking-Tool, das HTML- und JavaScript-Dateien scannt, um ungenutzte Selektoren aus dem CSS zu identifizieren und zu entfernen. Das Tool optimiert CSS-Payloads durch statische Inhaltsanalyse, um zu erkennen, welche Styles tatsächlich im Markup verwendet werden. Es nutzt Regex-basiertes Pattern-Matching, um potenzielle Klassennamen zu finden, ohne Code auszuführen, und verwendet eine PostCSS-basierte AST-Transformation, um ungenutzte Regeln sicher zu löschen. Das Projekt bietet Funktionen für die Frontend-Build-Automatisierung, wodurch das Entfernen ungenutzter Styles direkt in Modul-Bundler und Task-Runner integriert werden kann. Es enthält zudem einen benutzerdefinierten Whitelist-Filter, um essenzielle Selektoren unabhängig vom Scan-Ergebnis zu bewahren.

grunt-uncss is a CSS dead code eliminator and static analysis build tool. It functions as a Grunt CSS optimization plugin that identifies and deletes redundant style rules to reduce stylesheet file sizes and improve frontend performance. The tool analyzes HTML files and headless browser DOM states to detect styles that do not match any elements in the markup. It supports the protection of specific selectors through whitelists to ensure that styles for dynamically injected elements are preserved during the cleanup process. The project covers frontend asset minification by compressing cleaned

Helium-css is a command-line diagnostic utility designed to identify unused CSS selectors across web projects. By performing static analysis on style sheets and comparing them against the rendered document object model, the tool detects redundant style definitions that do not correspond to any elements on a page. The tool functions by automating a headless browser to crawl multiple URLs, aggregating selector usage data to provide a comprehensive view of CSS coverage for an entire website. This process allows developers to audit frontend assets and remove legacy code, which reduces the total s