Unminify JS, CSS, HTML, JSON, XML

Overview

The web tool is simple and powerful to unminify js or javaScript, css, html and format json xml code online. This is a totally free service to uncompress or unpack your code instantly.

Paste any minified codes or unindented codes and you'll get the beautified or formatted output.

Features

Have HTML editor with many useful features, such as:

  • Line number counter
  • Active line highlighting
  • Highlighted opening and matching closing tags
  • Automatic tag closing
  • Autocomplete
  • Suggest tags and attributes of tag in html

Import Code: import the file code you want to unminify.

Refresh: Erase the whole code to start with a blank page.

Undo: The undo button will erase all the content that was input after the last save

Redo: The redo button on the other hand will restore all the content that may have been deleted by the undo process.

Bigger: zoom in the whole code

Smaller: zoom out the whole code

Copy: copy the whole code. Success! Copied successfully. Please paste anywhere

Search: find for the value in the whole code.

Replace: replace all value in the whole code.

Download Code: save the whole code.

How can we use this tool web?

  1. Enter the code in the editor.
  2. Click "Unminify" button and it will format the code and show in output.
  3. Click "Copy" button. Success! Copied successfully. Please paste anywhere.

Why to use unminifycode?

When formatting code, you will encounter a number of problems that make your code look unsightly such as:

  • Confusion between single quotes and double quotes
  • The first property of the person object should be on its own line
  • The console command in the function must be indented
  • Optional brackets outside of arrow function parameters may not be needed

The formatted code helps:

  • To improve the formatting of your source code and helps developers to easily read, understand and debug it.
  • It also makes it easier for developers to read other developers codes as well.

What is Unminify HTML?

The unminify HTML includes the removal of unnecessary spaces to make an HTML code neat and clear. You don't need to use CSS to format web text, as you can do it with HTML. You can use bold, italicized, heading, etc., tags to format your HTML.

Input:
<!DOCTYPE html>
<html>
<head>
           <title>Unminify JS, CSS, HTML, JSON and XML Code</title>
</head>
     <body>
    <h1>My First Heading</h1><p>My first paragraph.</p>
</body>
   </html>
Output:

<!DOCTYPE html>
<html>


<head>
    <title>Unminify JS, CSS, HTML, JSON and XML Code</title>
</head>


<body>
    <h1>My First Heading</h1><p>My first paragraph.</p>
</body>


</html>

What is Unminify CSS?

Unminify CSS is helpful for making the formatting of a file consistent. It is also common for CSS Style Sheets to be minified or obfuscated. You can use this tool to make that code look pretty and readable so it is easier to edit.

Input:

 a:link { color: gray; }

     a:visited { color: green; }

  a:hover { color: purple; }

      a:active { color: teal; }

 

Output:

a:link {
    color: gray;
}

 

a:visited {
    color: green;
}

 

a:hover {
    color: purple;
}

 

a:active {
    color: teal;
}

 

What is Unminify Javascript?

Unminify JavaScript was created to help with debugging. As JavaScript code is often output without line breaks to save space, it is extremely difficult to actually read. This tool allows you to solve the problem by formatting JavaScript code so that it is easy to read and debug.

Input:

var menu = document.querySelector('.menu'), button = document.querySelector('.nav-toggle'), dropdown = document.querySelector('.dropdown');

button.onclick = function() { classie.toggle(menu, 'menu-active'); };

document.addEventListener('click', function(event) { if (event.target !== dropdown && !dropdown.contains(event.target)) { classie.removeClass(menu, "menu-active"); } });

Output:

var menu = document.querySelector('.menu'),
    button = document.querySelector('.nav-toggle'),
    dropdown = document.querySelector('.dropdown');

 

button.onclick = function() {
    classie.toggle(menu, 'menu-active');
};

 

document.addEventListener('click', function(event) {
    if (event.target !== dropdown && !dropdown.contains(event.target)) {
        classie.removeClass(menu, "menu-active");
    }
});

What is Unminify JSON?

Unminify JSON parses JSON string & display in a pretty format which is easy to readable & understand. JSON strings always remove empty spaces, and are indented to save network bandwidth and document size. The JSON format is widely adopted into all web development.

Input:

   { "employees": [ { "name": "Shyam",

          "email": "shyamjaiswal@gmail.com" },

{ "name": "Bob", "email": "bob32@gmail.com" } ] }

Output:

{
    "employees": [
        {
            "name": "Shyam",
            "email": "shyamjaiswal@gmail.com"
        },
        {
            "name": "Bob",
            "email": "bob32@gmail.com"
        }
    ]
}

What is Unminfy XML?

Unminify XML is a web-based utility developed for making the formatting of XML files are easier for developers, and anyone else who wants to format any XML file or code. It is an easy-to-use tool that formats the XML entirely without making any changes to the original file. You can use this online utility to get your hands on the formatted version of your messy XML code.

Input:

<?xml version="1.0" encoding="ISO-8859-1"?>

     <note> <to> Tove </to>

<from> Jani </from> <heading> Reminder </heading>

    </note>

 

Output:

<?xml version="1.0" encoding="ISO-8859-1"?>
<note>
    <to>
        Tove
    </to>
    <from>
        Jani
    </from>
    <heading>
        Reminder
    </heading>
</note>

Is this UnminifyCode web safe & secure?

Yes, this web is safe & secure. We do not save any of your data in server. Neither the data is visible to any 3rd party.