FormatX — Developer Formatter Toolkit

A free, fast, open-source web app to format and validate JSON, XML, HTML, CSS, SQL, Base64, URL, and JWT tokens — all in one place.

🌐 Live Demo

formatx.in — Try it now!

✨ Features

• 📄 8 Formatters in One

  • JSON Formatter & Validator
  • XML Formatter & Validator
  • HTML Beautifier
  • CSS Formatter
  • SQL Formatter
  • Base64 Encoder/Decoder
  • URL Encoder/Decoder
  • JWT Token Decoder

• ⚡ Fast & Responsive

  • Instant formatting as you type
  • Works completely offline
  • No account needed

• 🎨 Beautiful UI

  • Dark theme optimized for developers
  • Syntax highlighting
  • Side-by-side input/output panels
  • Mobile-friendly

• ✅ Validation

  • Detects errors immediately
  • Clear error messages
  • Validates structure and syntax

🚀 Quick Start

Local Development

# Clone the repo
git clone https://github.com/YOUR_USERNAME/formatx.git
cd formatx

# Install dependencies
npm install

# Start development server
npm run dev

# Open browser
http://localhost:5173

Build for Production

npm run build
npm run preview

🛠️ Tech Stack

• Frontend: React 18 + Vite
• Routing: React Router v6
• SEO: React Helmet Async
• Styling: CSS3 with CSS Variables
• Fonts: IBM Plex Sans & Mono

📁 Project Structure