diff --git a/index.html b/index.html
new file mode 100644
index 0000000..d2dd85d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>JS Obfuscator</title>
+<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
+<script src="https://cdn.rawgit.com/javascript-obfuscator/javascript-obfuscator/master/dist/index.browser.js"></script>
+</head>
+<body>
+
+<div class="container">
+<h2>JavaScript Obfuscator</h2>
+<form id="js-obfuscator-form">
+<div class="custom-file mb-3">
+<input type="file" class="custom-file-input" id="jsFile" required>
+<label class="custom-file-label" for="jsFile">Choose .js file...</label>
+</div>
+<button type="submit" class="btn btn-primary">Obfuscate</button>
+</form>
+</div>
+
+<script>
+$(document).ready(function () {
+$("#js-obfuscator-form").on('submit', function(e) {
+e.preventDefault();
+var fileInput = $('#jsFile')[0];
+var file = fileInput.files[0];
+if(file) {
+var reader = new FileReader();
+reader.onload = function(e) {
+var obfuscationResult = JavaScriptObfuscator.obfuscate(reader.result, {
+compact: true,
+controlFlowFlattening: true
+});
+var blob = new Blob([obfuscationResult.getObfuscatedCode()], {type : 'application/javascript'});
+var url = URL.createObjectURL(blob);
+var a = document.createElement('a');
+a.download = file.name.replace('.js', '-obfuscated.js');
+a.href = url;
+a.click();
+};
+reader.readAsText(file);
+}
+});
+$('.custom-file-input').on('change', function() {
+var fileName = $(this).val().split('\').pop();
+$(this).next('.custom-file-label').addClass("selected").html(fileName);
+});
+});
+</script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+</body>
+</html>
