Code Formatter

Format HTML, CSS, and JavaScript code with proper indentation. Convert minified code to readable format instantly.

Input Code

Formatted Code

How to Format Code

Step 1: Select Language

Choose between HTML, CSS, or JavaScript from the language dropdown.

Step 2: Paste Your Code

Enter or paste your code into the input field. You can paste minified code or unformatted code. Click "Sample" for an example.

Step 3: Set Indentation

Choose your preferred indent size (2, 4, or 8 spaces). This will be applied to the formatted output.

Step 4: Click Format Code

The code will be formatted with proper indentation and line breaks. View the result in the output field.

Step 5: Copy Formatted Code

Copy the formatted code and use it in your project for better readability and maintainability.