Turn compressed or difficult CSS into a readable, searchable view. Format rules, filter by selector or property text, and inspect variables, media queries, colors, and important declarations.
Turn compressed or difficult CSS into a readable, searchable view. Format rules, filter by selector or property text, and inspect variables, media queries, colors, and important declarations.
Processing is performed locally. Advanced language edge cases may require a full standards-based parser or project-specific toolchain.
Input:
.button{background:#8b5cf6;color:white!important}@media(max-width:600px){.button{width:100%}}Output: Run the included example to see a real result generated by this tool.Choose Formatted CSS to add line breaks and indentation around rules and declarations.
Enter a filter term in the second field; rules not containing the term are excluded from the view.
Choose Color values to list unique HEX, RGB, HSL, and named-color candidates.
This lightweight viewer formats and filters rules; browser-native textarea selection remains available for copying.
Choose Variables to list custom-property declarations and their assigned values.
| Module | Purpose |
|---|---|
| Structure | Protect strings and comments before scanning. |
| Processing | Apply the selected conversion, parser, validator, viewer, inspector, checker, or generator logic. |
| Reporting | Return output, status, measured size, lines, and practical notes. |