Services
2 endpoints- Pending
GitHub API
https://api.github.com
- Pending
My Website
https://codelint.dev
Add endpoint
Page Settings
Customize the generated status page
Theme
Export Status Page
Download a standalone HTML file — host it anywhere
Zero dependencies — single HTML file, works offline
Auto-checks each endpoint on load and every 60s
CORS note — browsers restrict cross-origin reads; the page detects reachability via connection success/failure
Generated HTML Preview
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>API Status</title>
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f8fafc;color:#1e293b;min-height:100vh}
.wrap{max-width:720px;margin:0 auto;padding:3rem 1.5rem}
header{text-align:center;margin-bottom:2.5rem}
header h1{font-size:1.875rem;font-weight:700;margin-bottom:.375rem}
header p{color:#64748b}
.banner{border-radius:.75rem;padding:1rem 1.25…About
The API Status Page Generator lets you define your API and service endpoints, verify their reachability directly in the browser, and export a polished, zero-dependency HTML status page you can host anywhere — on GitHub Pages, S3, Netlify, or any static host. The generated page auto-refreshes at a configurable interval and shows each service as Operational, Degraded, or Down based on connection latency. You can customise the page title, subtitle, colour theme (light or dark), and the auto-refresh interval before exporting. Note on browser CORS: browsers restrict cross-origin reads for security, so the live checker uses fetch with mode: no-cors. This lets it reliably detect whether a server is reachable (connection succeeds or fails) but cannot read the HTTP status code. For full status-code monitoring, run the generated HTML page on a server with a backend proxy or use a dedicated monitoring service.
How to use
- 1 Add your service endpoints by entering a name and URL in the "Add endpoint" form and pressing Add.
- 2 Click "Check Now" to run a live reachability check on all endpoints from your browser.
- 3 Adjust page settings — title, subtitle, theme (light/dark), and auto-refresh interval — to customise the exported page.
- 4 Click "Download HTML" to save a standalone status page file, or "Copy HTML" to paste it into your hosting pipeline.
- 5 Host the downloaded file anywhere static — GitHub Pages, Netlify, S3, or your own server.
- What is an API status page?
- An API status page is a public-facing page that shows whether your services, APIs, and infrastructure are operational, degraded, or down. It gives users and customers real-time visibility into outages and incidents, reducing support load and building trust. Examples include statuspage.io, Atlassian Status, and GitHub's status page.
- Why does the live check show "Operational" even when my API is down?
- Browsers enforce CORS (Cross-Origin Resource Sharing) policies that prevent reading response bodies from cross-origin requests. The tool uses mode: no-cors to bypass this restriction, meaning it can detect whether a connection succeeds but cannot read the HTTP status code. If the connection succeeds quickly the service is marked Operational. For accurate HTTP status monitoring, deploy the HTML page with a backend proxy or use a server-side monitoring solution.
- Where can I host the downloaded status page?
- The exported HTML file is completely self-contained — no server-side code, no npm packages, no build step. You can host it on GitHub Pages, Netlify, Vercel, Cloudflare Pages, AWS S3 + CloudFront, or any static web host. Simply upload the file and share the URL with your users.
- How often does the generated page check endpoint status?
- The generated page checks all endpoints on load and then repeats at the interval you select in Page Settings (30 seconds, 1 minute, 2 minutes, or 5 minutes). You can change the interval before exporting. The current status is shown alongside a "Last checked" timestamp so visitors know how fresh the data is.
- Is this tool free and private?
- Yes — completely free and entirely client-side. No account required. The live status checks are made from your browser directly to the target URLs; no data passes through our servers. The generated HTML file is built in your browser and downloaded directly to your machine.