The Best CSS Static Analysis Tools (Linters/Formatters)
We rank 28 CSS linters, code analyzers, formatters, and more. Find and compare tools like Mega-Linter, SonarQube, Codacy, and more. Please rate and review tools that you've used. This helps others find the best tools for their projects.
11 CSS Tools
Project Wallace CSS Analyzer
Analytics for CSS, part of Project Wallace.
Linter for SCSS/CSS files.
Potentially interesting stats on stylesheets.
A coding style formatter for CSS. Supports own configurations to make style sheets beautiful and consistent.
Does basic syntax checking and finds problematic patterns or signs of inefficiency.
CSS Specificity Graph Generator.
Stylesheet analysis tool.
A tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.
A Node-only Sass linter for both sass and scss syntax.
Linter for SCSS files.
CSS Specificity Graph Generator.
17 Multi-Language Tools
Mega-Linter can handle any type of project thanks to its 70+ embedded Linters, its advanced reporting, runnable on any CI system or locally, with assisted installation and configuration, able to apply formatting and fixes
SonarQube is an open platform to manage code quality.
Code Analysis to ship Better Code, Faster.
Pluggable and configurable code transformer with built-in eslint, babel plugins support for js, jsx typescript, flow, markdown, yaml and json.
Check your code quality for js, jsx, vue, css, less, scss, sass and styl files.
Facebook's tools for code analysis, visualizations, or style-preserving source transformation for many languages.
A linter and formatter to help you to improve copywriting, correct spaces, words, punctuations between CJK (Chinese, Japanese, Korean).
Language independent framework for creating code analysis - supports over 60 languages by default.
Automated code analysis tool to deal with technical depth. Integrates with Bitbucket and Gitlab. (free for Open Source Projects)
Nu Html Checker
Helps you catch problems in your HTML/CSS/SVG
Tencent Cloud Code Analysis (TCA for short, code-named CodeDog inside the company early) is a comprehensive platform for code analysis and issue tracking. TCA consist of three components, server, web and client. It integrates of a number of self-developed tools, and also supports dynamic integration of code analysis tools in various programming languages.
Automated Code Analysis for repos on GitHub or BitBucket.
Code visualization tool that provides code analysis, standards testing, metrics, graphing, dependency analysis and more for Ada, VHDL, and others.
Help make this list better
Frequently Asked Questions
What are CSS tools?
CSS (Cascading Style Sheets) is a style sheet language used for describing the presentation of a document written in a markup language. A style sheet is a collection of rules that tells a web browser how to display an HTML document.
What are the best CSS static analysis tools and linters?
The most popular CSS tools ranked by user votes are: Mega-Linter, SonarQube, Codacy, Unibeautify, Project Wallace CSS Analyzer.
Which CSS services are free for open source projects?
Commercial services with a free plan for open source include Mega-Linter, SonarQube, Codacy, Unibeautify, Project Wallace CSS Analyzer, Putout, Atom-Beautify, cqc, Hound CI, pfff, Stylelint, autocorrect, coala, CSS Stats, CSScomb, CSSLint, GraphMyCSS.com, Nu Html Checker, Parker, PostCSS, Rome, sass-lint, scsslint, Specificity Graph, TencentCodeAnalysis, CodeFactor.