This is a simple web application that helps you format your JSON data for better readability.
- Format JSON: Easily format your JSON code with proper indentation.
- Paste or Upload: Paste your JSON directly into the text area or upload a JSON file.
- Auto-resize: The input and output areas automatically adjust their height based on the content.
- Copy to Clipboard: Copy the formatted JSON to your clipboard with a single click.
- Clear: Clear both the input and output areas.
- Error Handling: Handles invalid JSON input and provides an error message.
- Dark Mode: Uses a default dark theme for better readability.
- Open the
index.htmlfile in your web browser. - Paste your JSON: Paste your JSON code directly into the "JSON Input" text area.
- OR Upload a JSON File: Click the "Select JSON File" button and choose your file.
- Click the "Format JSON" button to format your code.
- The formatted JSON will be displayed in the "Formatted JSON" section.
- Click the "Copy JSON" button to copy the formatted JSON to your clipboard.
- Use the "Clear" button to clear both input and output areas.
- HTML
- CSS (Tailwind CSS)
- JavaScript
- Clipboard.js
- Clone this repository.
- Open the
index.htmlfile in your web browser.
Note: This application is designed to run as a standalone HTML file. No server-side configuration is required.
This JSON Formatter is licensed under the MIT License. See the LICENSE file for more details.