Please wait for the app to loads completely, then start using it by opening a minified JS, CSS, or HTML document. Once the file is loaded completely on the left textarea, please click the - Beautify - button. The result will be rendered on the right textarea. Before the beautify operation please make sure to choose the proper language based on the input file. In most cases, the app automatically detects the input language if you open the file via the file selector UI. The are several settings to adjust for the beautifier. Please click on the settings button to see all the available options. To download the file to your machine, please click on the download button. You can also select the output and copy the result to the clipboard via the available buttons in the top toolbar.
This web application is using "js-beautify" and "CodeMirror" for the beautify operation. js-beautify is available in (https://github.com/beautify-web/js-beautify) and CodeMirror is available in (https://github.com/codemirror/CodeMirror) GitHub repos respectively. These two libraries are purely base on web technologies and have a pretty good performance on modern browsers. This web application has a responsive UI design and works both on mobile and desktop machines.
This app is also available as a progressive web application. Please load the app in a browser that supports PWA, then follow the instructions to add the PWA to your mobile device. The first time you load the app, it fetches the data from the internet so it might be a little slow in loading. But, the next time you open the app it loads much faster as, all the data are cached in the memory. Code Beautifier app is also available as a browser extension. As an extension, this app does not need an internet connection and can be used offline in your browser. Download links for three popular browsers are as follows: Chrome, Opera, Edge, Firefox.