🧹 JSON Cleaner

Clean, Format, Minify & Validate JSON Instantly

A fast, modern, and developer-friendly tool for working with JSON.
Built with Next.js 14, React 19, and Tailwind CSS, featuring a clean UI and powerful actions including:

• ✔ Validate JSON
• ✔ Format (Pretty Print)
• ✔ Minify (Compress JSON)
• ✔ Auto-fix common JSON errors
• ✔ Clean unwanted spaces / BOM / hidden characters
• ✔ Copy Input / Copy Output
• ✔ Download JSON
• ✔ Upload JSON file
• ✔ Light/Dark mode
• ✔ Fully responsive design

Perfect for developers who need a quick and simple JSON utility tool.

---

🚀 Live Demo

🔗 https://json-cleaner-omega.vercel.app

---

🧰 Features

🔍 JSON Validation

Detect JSON errors with detailed error messages.

🎨 JSON Formatting

Convert any JSON into beautified, readable output.

⚡ Minify JSON

Compress JSON into the smallest possible form.

🛠 Auto-Fix Common Issues

Automatically repair common JSON mistakes such as:

• Unbalanced brackets
• Trailing commas
• Wrong quotes
• Extra characters

📤 Import & Export

• Upload .json files
• Download generated JSON
• Copy Input / Output with one click

🌗 Dark / Light Theme

Built-in theme toggle using next-themes.

🖥 Responsive UI

Optimized layout for mobile, tablet, and desktop.

---

🛠 Tech Stack

• Next.js 14
• React 19
• Tailwind CSS 3
• TypeScript
• Radix UI
• lucide-react
• react-hook-form
• sonner (toast system)
• zod

---

📦 Installation

Clone the repo:

git clone https://github.com/your-username/json-cleaner.git
cd json-cleaner

Install dependencies:

npm install

Start development:

npm run dev

Build:

npm run build

🧪 JSON Utilities

Located in: lib/json-utils.ts Includes:

• validateJSON()
• formatJSON()
• minifyJSON()
• cleanJSON()
• fixCommonErrors()
• copyToClipboard()
• downloadJSON()

🤝 Contributing Contributions, issues, and feature requests are welcome!

✨ Author Mahmoud Alshukri Full-Stack Developer | Next.js • React • Node.js