Code Beautifier
Format (beautify) or minify HTML, CSS, and JavaScript code. Auto language detection and before/after comparison.
Spaces per indent level (beautify only)
Paste code and click Beautify Code to format or minify.
About This Tool
Clean, well-formatted code is easier to read, debug, and maintain. This tool beautifies (pretty prints) or minifies HTML, CSS, and JavaScript code using battle-tested formatting libraries. All processing happens directly in your browser.
Auto Detect Language: Not sure what language your code is? The auto-detect mode analyzes your input and automatically applies the correct formatter. It detects HTML by checking for HTML tags, CSS by checking for common CSS patterns, and defaults to JavaScript otherwise.
Beautify (Pretty Print): Adds proper indentation, line breaks, and spacing to make code readable. Configure the indent size (2, 4, or 8 spaces). This is ideal for formatting minified third-party code, poorly structured legacy code, or code snippets from the web.
Minify (Compact): Removes all unnecessary whitespace, comments, and formatting to produce the smallest possible file size. Useful for production deployment where bandwidth matters, or when embedding code inline.
Before/After Stats: See the character count difference between your original code and the processed output — helpful for understanding the impact of minification on file size.