ArtPexels API

Copy-paste this vanilla HTML & JavaScript block directly to fetch and display wallpapers in a clean 3-column CSS grid.

<!-- Simple Wallpapers Container -->
<div id="wallpaper-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px;"></div>

<script>
  const apiKey = 'apx_your_api_key_here';
  const url = 'https://artpexels.com/api/wallpapers?limit=20';

  fetch(url, {
    method: 'GET',
    headers: {
      'Accept': 'application/json',
      'X-API-Key': apiKey,
      'x-app-package': 'com.artpexels' // Send Origin / Domain name if required
    }
  })
  .then(res => res.json())
  .then(json => {
    if (json.success && Array.isArray(json.data)) {
      const container = document.getElementById('wallpaper-grid');
      json.data.forEach(item => {
        const img = document.createElement('img');
        img.src = item.fullImageUrl;
        img.style.width = '100%';
        img.style.borderRadius = '12px';
        img.style.objectFit = 'cover';
        container.appendChild(img);
      });
    }
  })
  .catch(err => console.error("Error loading wallpapers:", err));
</script>

using System;
using System.Net.Http;
using System.Threading.Tasks;

public class ArtPexelsClient {
    private static readonly HttpClient client = new HttpClient();

    public async Task FetchWallpapersAsync() {
        string url = "https://artpexels.com/api/wallpapers?limit=20";
        
        try {
            var request = new HttpRequestMessage(HttpMethod.Get, url);
            request.Headers.Add("Accept", "application/json");
            request.Headers.Add("X-API-Key", "apx_your_api_key_here");
            request.Headers.Add("x-app-package", "com.artpexels"); // Send custom app identifier / package name
            
            var response = await client.SendAsync(request);
            if (response.IsSuccessStatusCode) {
                string jsonResponse = await response.Content.ReadAsStringAsync();
                Console.WriteLine("Data: " + jsonResponse);
            } else {
                Console.WriteLine("Error: " + response.StatusCode);
            }
        } catch (Exception ex) {
            Console.WriteLine("Exception: " + ex.Message);
        }
    }
}

const apiKey = 'apx_your_api_key_here';
const url = 'https://artpexels.com/api/wallpapers?sort=popular&limit=20';

fetch(url, {
  method: 'GET',
  headers: {
    'Accept': 'application/json',
    'X-API-Key': apiKey,
    'x-app-package': 'com.artpexels' // Send Origin / App ID if Allowed Origins is set
  }
})
  .then(res => {
    if (!res.ok) throw new Error(`HTTP Error ${res.status}`);
    return res.json();
  })
  .then(data => console.log(data))
  .catch(err => console.error("Error:", err));

import requests

url = "https://artpexels.com/api/wallpapers"
headers = {
    "Accept": "application/json",
    "X-API-Key": "apx_your_api_key_here",
    "x-app-package": "com.artpexels" # Send Origin / App ID if Allowed Origins is set
}
params = {
    "limit": 20,
    "sort": "popular",
    "orientation": "portrait"
}

response = requests.get(url, headers=headers, params=params)
if response.status_code == 200:
    data = response.json()
    print("Wallpapers:", data["data"])
else:
    print(f"Request failed with code {response.status_code}")

<?php
$apiKey = 'apx_your_api_key_here';
$url = 'https://artpexels.com/api/wallpapers?limit=20';

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, [
    'Accept: application/json',
    'X-API-Key: ' . $apiKey,
    'x-app-package: com.artpexels' // Send Origin / App ID if Allowed Origins is set
]);

$response = curl_exec($ch);
if (curl_errno($ch)) {
    echo 'cURL Error: ' . curl_error($ch);
} else {
    $data = json_decode($response, true);
    print_r($data['data']);
}
curl_close($ch);
?>

import Foundation

let url = URL(string: "https://artpexels.com/api/wallpapers?limit=20")!
var request = URLRequest(url: url)
request.httpMethod = "GET"
request.setValue("application/json", forHTTPHeaderField: "Accept")
request.setValue("apx_your_api_key_here", forHTTPHeaderField: "X-API-Key")
request.setValue("com.artpexels", forHTTPHeaderField: "x-app-package") // Send Origin / App ID if Allowed Origins is set

let task = URLSession.shared.dataTask(with: request) { data, response, error in
    if let error = error {
        print("Error: \(error)")
        return
    }
    guard let data = data else { return }
    do {
        if let json = try JSONSerialization.jsonObject(with: data) as? [String: Any],
           let wallpapers = json["data"] as? [[String: Any]] {
            print(wallpapers)
        }
    } catch {
        print("Failed to decode: \(error)")
    }
}
task.resume()

import okhttp3.OkHttpClient
import okhttp3.Request
import java.io.IOException

val client = OkHttpClient()

fun fetchWallpapers() {
    val request = Request.Builder()
        .url("https://artpexels.com/api/wallpapers?limit=20")
        .addHeader("Accept", "application/json")
        .addHeader("X-API-Key", "apx_your_api_key_here")
        .addHeader("x-app-package", "com.artpexels") // Send Origin / App ID if Allowed Origins is set
        .build()

    client.newCall(request).enqueue(object : okhttp3.Callback {
        override fun onFailure(call: okhttp3.Call, e: IOException) {
            e.printStackTrace()
        }

        override fun onResponse(call: okhttp3.Call, response: okhttp3.Response) {
            response.use {
                if (!response.isSuccessful) throw IOException("Failed: $response")
                val responseData = response.body?.string()
                println(responseData)
            }
        }
    })
}