https://github.com/codama-dev/json-formatter
Free online JSON formatter, validator, and minifier by Codama
https://github.com/codama-dev/json-formatter
Last synced: about 1 month ago
JSON representation
Free online JSON formatter, validator, and minifier by Codama
- Host: GitHub
- URL: https://github.com/codama-dev/json-formatter
- Owner: codama-dev
- License: mit
- Created: 2026-03-23T17:23:33.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-03-23T20:19:38.000Z (3 months ago)
- Last Synced: 2026-03-24T15:48:28.742Z (3 months ago)
- Language: TypeScript
- Size: 152 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Free JSON Formatter & Validator
A fast, free, and open-source JSON formatter, validator, and minifier that runs entirely in your browser. No data is sent to any server.
**[Use it now - free-json-formatter.codama.dev](https://free-json-formatter.codama.dev/)**
## Features
- **Format & Beautify** - Pretty-print JSON with configurable indentation (2 spaces, 4 spaces, or tabs)
- **Minify** - Compress JSON by removing all whitespace
- **Validate** - Check JSON syntax with detailed error messages (line and column)
- **Tree View** - Explore JSON structure with a collapsible, color-coded tree
- **Copy & Download** - One-click copy to clipboard or download as `.json`
- **Dark Mode** - Automatic light/dark theme based on system preference
- **Multi-language** - Available in English, German, Spanish, and Hebrew (RTL supported)
- **100% Client-side** - Your data never leaves your browser
- **No Signup** - No account, no tracking beyond basic analytics, no limits
## Tech Stack
| Layer | Technology |
|---|---|
| Framework | React 19 |
| Build | Vite 7 |
| Styling | Tailwind CSS 4 |
| Components | shadcn/ui (Radix primitives) |
| i18n | react-i18next |
| Hosting | Cloudflare Pages |
| Analytics | Google Analytics 4 |
## Development
```bash
# Install dependencies
pnpm install
# Start dev server
pnpm dev
# Build for production
pnpm build
# Run tests
pnpm test
# Format & lint
pnpm format
```
## Project Structure
```
src/
pages/
ToolPage.tsx # Main JSON formatter UI
PageHeader.tsx # Orange gradient hero
PageFooter.tsx # Codama branding + cross-tool links
AboutPage.tsx # Codama services page
components/
ShareModal.tsx # Social sharing after first use
ui/ # shadcn/ui components
lib/
tool-config.ts # Tool name, URL, config
analytics.ts # GA4 setup
locales/ # i18n translations (en, de, es, he)
```
## More Free Tools by Codama
| Tool | URL |
|---|---|
| QR Code Generator | [free-qr-code.codama.dev](https://free-qr-code.codama.dev/) |
| JSON Formatter | [free-json-formatter.codama.dev](https://free-json-formatter.codama.dev/) |
More tools coming soon. All free, all open source.
## Built by Codama
[Codama](https://codama.dev) is a software agency that builds web apps, mobile apps, automation, AI integrations, and data solutions.
Need something built? [Get a quote](https://codama.dev/#colophon)
## License
MIT