A fast, beautiful, browser-based API testing tool.
No installation. No backend. Just open and test.
QuickAPI is a lightweight, fully client-side API testing tool built with pure HTML, CSS, and JavaScript — zero dependencies, zero build steps. It runs entirely in your browser, making it instantly accessible from any device without needing Postman, Insomnia, or any native app.
Designed with a modern glassmorphism UI, dark/light theme support, and a clean two-panel layout — QuickAPI gives developers a fast, elegant way to test REST APIs on the go.
| Feature | Description |
|---|---|
| HTTP Methods | GET POST PUT PATCH DELETE HEAD OPTIONS |
| Query Params | Dynamic key-value parameter builder |
| Custom Headers | Add unlimited custom request headers |
| Request Body | Supports JSON, Plain Text, Form URL-encoded, None |
| Authentication | Bearer Token, Basic Auth, API Key (header-based) |
| Response Viewer | Syntax-highlighted JSON, raw text, response headers |
| Response Metadata | Status code badge, response time (ms), response size |
| Request History | Persisted via localStorage, up to 30 recent requests |
| Copy Response | One-click copy of response body or headers |
| JSON Formatter | Auto-format & prettify JSON body before sending |
| Dark / Light Theme | Toggle with persistence across sessions |
| Glassmorphism UI | Blur, noise, ambient gradients — premium feel |
| Fully Responsive | Works on desktop and mobile browsers |
| Zero Dependencies | Pure HTML + CSS + JS — no frameworks, no npm |
Visit the live demo instantly — no setup needed:
# Clone the repository
git clone https://github.com/M41NUL/QuickAPI.git
# Navigate into the folder
cd QuickAPI
# Open directly in browser
open index.htmlNo build tools. No npm install. Just open
index.html.
1. Enter your API endpoint URL in the URL bar
2. Select the HTTP method from the dropdown
3. Add query parameters, headers, body, or auth as needed
4. Click Send (or press Enter)
5. View the response, status code, time, and size in the right panel
| Layer | Technology |
|---|---|
| Structure | HTML5 |
| Styling | CSS3 — Custom Properties, Grid, Flexbox, Backdrop Filter |
| Logic | Vanilla JavaScript (ES6+) |
| Fonts | Inter — Google Fonts |
| Hosting | Netlify |
| Storage | Browser localStorage (history & theme) |
QuickAPI/
│
├── index.html # Single-file app (HTML + CSS + JS)
├── README.md # Project documentation
└── LICENSE # MIT License
CORS Restriction — Some APIs block requests from browser origins. This is a server-side policy and cannot be bypassed client-side. Use a CORS proxy or test with APIs that allow cross-origin requests.
Contributions are welcome.
# Fork the repo, make your changes, then open a Pull Request
git checkout -b feature/your-feature-name
git commit -m "feat: describe your change"
git push origin feature/your-feature-nameMIT License
Copyright (c) 2026 Md. Mainul Islam (MAINUL-X)
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND.
Made with passion by Md. Mainul Islam
