HTML Beautifier Tool

Made with ❤️ for cleaner HTML!

 

Features

1. Input and Output:

   • A text area for pasting raw HTML code.
   • A separate text area to display beautified HTML code.

2. Beautification Logic:

   • Uses the html_beautify function from the js-beautify library.
   • Configured for 4-space indentation, a maximum of 2 preserved newlines, and a 120-character line wrap.

3. Error Handling:

   • Alerts the user if the input field is empty.

4. Styling:

   • A modern pink-red gradient theme for the background.
   • Clean, visually appealing interface with rounded corners and an intuitive design.

5. Responsive Design:

   • Fully responsive for all devices, ensuring usability on desktops, tablets, and smartphones.

---

How It Works

1. Paste your raw HTML code into the Input Textarea.
2. Click the "Beautify HTML" button.
3. The beautified HTML code appears in the Output Textarea.