RandomFox API

Beginner's Pick Animals / No Auth Required Beginner HTTPS
Free to Use
71 B
Measured Score 0 50 100 Speed 12/30 Consistency 20/20 Security 16/20 Browser access 15/15 Transparency 8/15 TESTED 2026-08-10

Overview

RandomFox returns a random photo of a fox from a curated collection, providing a JSON object with a direct image URL and an index number identifying the specific fox. With no authentication required and a single-endpoint design, it is one of the easiest APIs to call in a first JavaScript project. You can also request a specific fox by its index to get repeatable results.

Beginner Tip

Fetch https://randomfox.ca/floof/ and use the "image" field in the response — it is a full HTTPS URL ready to drop directly into an img src attribute.

Measurement Record

What actually happened when we called this API from our own infrastructure. Every value below was recorded by the request, not copied from the provider's documentation.

Request
GET https://randomfox.ca/api/
Result
HTTP 200 · application/json · 89 bytes · compressed
Response time
303 ms (median of 3) · fastest 298 ms
Transport
TLSv1.3 · TLS_AES_256_GCM_SHA384
Browser CORS
Allowed — Access-Control-Allow-Origin: *
Served by
cloudflare
Recorded
2026-08-10

Fields Returned

Top-level fields present in the response we captured, with the type and value we actually received.

Field Type Value received
image string (url) https://randomfox.ca/images/53.jpg
link string (url) https://randomfox.ca/?i=53

Captured Response

Captured from a real request to https://randomfox.ca/api/ on 2026-08-10. Long arrays and nested objects are truncated to keep the shape readable.

JSON Response · Captured
{
  "image": "https://randomfox.ca/images/53.jpg",
  "link": "https://randomfox.ca/?i=53"
}

Field Reference

image Full HTTPS URL of the random fox photo — use directly as an img src.
link URL to the individual fox page on randomfox.ca for this specific photo.

Implementation Example

Request skeleton. The URL below is this API's documentation page, not a live endpoint — swap in the path you need from the provider's docs before running it.

Request
const url = "https://randomfox.ca/floof/";
const response = await fetch(url);
if (!response.ok) throw new Error(`Request failed: ${response.status}`);
const data = await response.json();
console.log(data);

What Can You Build?

Note: These code examples are AI-generated and unverified. Always refer to the official API documentation for accurate usage.

How This API Fails

We deliberately sent this API a broken request and recorded exactly what came back on 2026-08-10. Knowing the shape of an error before you hit it makes error handling much easier to write.

HTTP 404 Requesting a path that does not exist text/html

Returned an HTML error page rather than JSON — worth knowing if your client assumes every response can be parsed as JSON.

Common Errors & Troubleshooting

Generated guidance based on this API's documentation, not observed by us. Treat it as a starting point and check against the provider's own error reference.

TypeError on response.image The field name is "image", not "url" or "src" — a common beginner guess
Log the full response with console.log(data) first to confirm exact field names before using them
Same fox image on every call Browser or fetch caching returning the same cached response
Append a cache-busting query string like ?_=Date.now() to the URL to force a fresh request
CORS error in local HTML file Browsers block fetch() calls made from file:// pages to remote APIs
Open your HTML through a local dev server such as VS Code Live Server or npx serve

Measured Score Breakdown

Live HTTP request to the API endpoint

Speed 12/30
Consistency 20/20
Security 16/20
Browser access 15/15
Transparency 8/15
Endpoint Response Time 303ms

Fully tested on Aug 10, 2026

Technical Specifications

Auth No Auth
HTTPS REQUIRED
CORS NO
Category Animals
Difficulty Beginner
Endpoint last called: 2026-08-10

Related Tags

Similar APIs

View All →