Skip to content
Scrappa Get API key
Dribbble API 1 credit/request

Dribbble Shot Detail

GET https://scrappa.co/api/dribbble/shot?id=27176199

Retrieve a single public Dribbble shot by numeric id: title, canonical URL, the shot description as plain text and as HTML, designer name, username and profile URL, the primary image URL, gallery image URLs, the extracted colour palette as hex codes, tags, like and view counts, the comment count and the publish date as ISO 8601 UTC. Shot ids are stable; the slug is optional and ignored by Dribbble. An unknown shot id answers 404 and is never charged.

Dribbble Shot Detail 1 credit/request

Endpoint

Request preview
GET
https://scrappa.co/api/dribbble/shot?id=27176199
Auth header
x-api-key
Cost
1 credit/request
id = 27176199
Response preview
200 OK
{
    "success": true,
    "data": {
        "id": 27176199,
        "title": "Nexterra Website Design",
        "url": "https://dribbble.com/shots/27176199-Nexterra-Website-Design",
        "description": "Website design for Nexterra, created in collaboration with our friends at Magnet.",
        "designer_name": "Kreativa Studio",
        "designer_username": "KreativaStudio",
        "designer_url": "https://dribbble.com/KreativaStudio",
        "image_url": "https://cdn.dribbble.com/userupload/47037144/file/still-f8a5757af500be73f541d3a4bc170dfc.png",
        "color_palette": [
            "#969795",
            "#090B0C",
...

Parameters

Start with the required fields, then add optional filters only when your use case needs them.

Runnable path

1 required parameter needed before sending a request.

1 optional filter available.

id integer Required

Numeric Dribbble shot id, e.g. 27176199.

Example value 27176199
slug string Optional

Optional slug, e.g. Nexterra-Website-Design. Ignored by Dribbble and not required.

Example value example

Request Examples

PHP
<?php

$curl = curl_init();

curl_setopt_array($curl, [
    CURLOPT_URL => "https://scrappa.co/api/dribbble/shot?id=27176199",
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_ENCODING => "",
    CURLOPT_MAXREDIRS => 10,
    CURLOPT_TIMEOUT => 30,
    CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
    CURLOPT_CUSTOMREQUEST => "GET",
    CURLOPT_HTTPHEADER => [
        "x-api-key: YOUR_API_KEY_HERE"
    ],
]);

$response = curl_exec($curl);
$err = curl_error($curl);

curl_close($curl);

if ($err) {
    echo "cURL Error #:" . $err;
} else {
    echo $response;
}
PHP
<?php

use Illuminate\Support\Facades\Http;

$response = Http::timeout(30)
    ->withHeaders(['x-api-key' => 'YOUR_API_KEY_HERE'])
    ->get('https://scrappa.co/api/dribbble/shot?id=27176199');

if ($response->successful()) {
    echo $response->body();
} else {
    echo "Error: " . $response->status();
}
JavaScript
const options = {
    method: 'GET',
    headers: {
        'x-api-key': 'YOUR_API_KEY_HERE'
    }
};

fetch('https://scrappa.co/api/dribbble/shot?id=27176199', options)
    .then(response => {
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        return response.text();
    })
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));
JavaScript
const axios = require('axios');

const options = {
    method: 'GET',
    url: 'https://scrappa.co/api/dribbble/shot?id=27176199',
    headers: {
        x-api-key: 'YOUR_API_KEY_HERE',
    }
};

try {
    const response = await axios(options);
    console.log(response.data);
} catch (error) {
    console.error('Error:', error.message);
}
Ruby
require 'net/http'
require 'uri'

uri = URI.parse("https://scrappa.co/api/dribbble/shot?id=27176199")
http = Net::HTTP.new(uri.host, uri.port)
http.use_ssl = uri.scheme == 'https'

request = Net::HTTP::Get.new(uri.request_uri)
request['x-api-key'] = 'YOUR_API_KEY_HERE'

begin
    response = http.request(request)
    puts response.body
rescue => e
    puts "Error: #{e.message}"
end
Python
import http.client
import json

conn = http.client.HTTPSConnection("scrappa.co")

headers = {
    'x-api-key': 'YOUR_API_KEY_HERE',
}

try:
    conn.request("GET", "/api/dribbble/shot?id=27176199", headers=headers)
    res = conn.getresponse()
    data = res.read()
    print(data.decode("utf-8"))
except Exception as e:
    print(f"Error: {e}")
finally:
    conn.close()
Python
import requests

headers = {
    'x-api-key': 'YOUR_API_KEY_HERE',
}

try:
    response = requests.get('https://scrappa.co/api/dribbble/shot?id=27176199', headers=headers)
    response.raise_for_status()
    print(response.text)
except requests.exceptions.RequestException as e:
    print(f"Error: {e}")
Java
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;
import java.io.IOException;

public class ApiExample {
    public static void main(String[] args) {
        OkHttpClient client = new OkHttpClient();

        Request request = new Request.Builder()
            .url("https://scrappa.co/api/dribbble/shot?id=27176199")
        .addHeader("x-api-key", "YOUR_API_KEY_HERE")
            .build();

        try (Response response = client.newCall(request).execute()) {
            if (response.isSuccessful()) {
                System.out.println(response.body().string());
            } else {
                System.out.println("Error: " + response.code());
            }
        } catch (IOException e) {
            System.out.println("Error: " + e.getMessage());
        }
    }
}
Go
package main

import (
    "fmt"
    "net/http"
    "io/ioutil"
)

func main() {
    client := &http.Client{}
    req, err := http.NewRequest("GET", "https://scrappa.co/api/dribbble/shot?id=27176199", nil)
    if err != nil {
        fmt.Println("Error creating request:", err)
        return
    }
    req.Header.Set("x-api-key", "YOUR_API_KEY_HERE")

    resp, err := client.Do(req)
    if err != nil {
        fmt.Println("Error making request:", err)
        return
    }
    defer resp.Body.Close()

    body, err := ioutil.ReadAll(resp.Body)
    if err != nil {
        fmt.Println("Error reading response:", err)
        return
    }

    fmt.Println(string(body))
}
Terminal
#!/bin/bash

curl -X GET \
    -H "x-api-key: YOUR_API_KEY_HERE" \
    "https://scrappa.co/api/dribbble/shot?id=27176199"
C#
using System;
using System.Net.Http;
using System.Threading.Tasks;

class Program
{
    static async Task Main()
    {
        using var client = new HttpClient();
        client.DefaultRequestHeaders.Add("x-api-key", "YOUR_API_KEY_HERE");

        try
        {
            var response = await client.SendAsync(new HttpRequestMessage(HttpMethod.Get, "https://scrappa.co/api/dribbble/shot?id=27176199"));
            var content = await response.Content.ReadAsStringAsync();
            Console.WriteLine(content);
        }
        catch (Exception ex)
        {
            Console.WriteLine($"Error: {ex.Message}");
        }
    }
}
TypeScript
import axios from 'axios';

async function run(): Promise<void> {
    try {
        const response = await axios({
            method: 'GET',
            url: 'https://scrappa.co/api/dribbble/shot?id=27176199',
            headers: {
        'x-api-key': 'YOUR_API_KEY_HERE',
            },
        });

        console.log(response.data);
    } catch (error) {
        console.error('Error:', error);
    }
}

void run();
RUST
use reqwest::Client;

#[tokio::main]
async fn main() -> Result<(), Box<dyn std::error::Error>> {
    let client = Client::new();

    let response = client
        .get("https://scrappa.co/api/dribbble/shot?id=27176199")
        .header("x-api-key", "YOUR_API_KEY_HERE")
        .send()
        .await?;

    println!("{}", response.text().await?);

    Ok(())
}

Response Schema

Example response fields are illustrative; inspect the JSON before integrating.

Example response fields

Scan these fields before integrating.

success data meta
JSON Response
200 OK
{
    "success": true,
    "data": {
        "id": 27176199,
        "title": "Nexterra Website Design",
        "url": "https://dribbble.com/shots/27176199-Nexterra-Website-Design",
        "description": "Website design for Nexterra, created in collaboration with our friends at Magnet.",
        "designer_name": "Kreativa Studio",
        "designer_username": "KreativaStudio",
        "designer_url": "https://dribbble.com/KreativaStudio",
        "image_url": "https://cdn.dribbble.com/userupload/47037144/file/still-f8a5757af500be73f541d3a4bc170dfc.png",
        "color_palette": [
            "#969795",
            "#090B0C",
            "#6B6A6A",
            "#D4B3A0"
        ],
        "tags": [
            "web design",
            "motion graphics",
            "video"
        ],
        "likes": 367,
        "views": 257164,
        "comments_count": 42,
        "published_at": "2026-03-23T00:00:00Z"
    },
    "meta": {
        "endpoint_family": "shot_detail",
        "billable": true
    }
}

Errors

Handle these documented responses before retrying or showing customer-facing failures.

503

Dribbble Upstream Unavailable

The upstream service is temporarily unavailable. Please retry shortly.

{
    "success": false,
    "error": {
        "code": "UPSTREAM_UNAVAILABLE",
        "message": "The Dribbble upstream is temporarily unavailable. Please retry."
    },
    "meta": {
        "endpoint_family": "search",
        "billable": false,
        "retryable": true
    }
}
500

Parser Drift

Dribbble returned a page shape this parser does not recognise. The incident has been reported; retrying returns the same result.

{
    "success": false,
    "error": {
        "code": "PARSER_DRIFT",
        "message": "Dribbble response shape changed unexpectedly. The incident has been reported."
    },
    "meta": {
        "endpoint_family": "search",
        "billable": false,
        "retryable": false
    }
}
404

Not Found

Dribbble has no such public shot or designer. Never charged.

{
    "success": false,
    "error": {
        "code": "NOT_FOUND",
        "message": "Dribbble has no such public resource."
    },
    "meta": {
        "endpoint_family": "shot_detail",
        "billable": false,
        "retryable": false
    }
}
422

Invalid Parameter

A query parameter is missing or not one of the accepted values. Never charged.

{
    "success": false,
    "error": {
        "code": "INVALID_PARAMETER",
        "message": "The request parameters are invalid."
    },
    "meta": {
        "endpoint_family": "popular_feed",
        "billable": false,
        "retryable": false
    }
}

Generate Code with AI

Copy a ready-made prompt with all the endpoint details, parameters, and example responses. Paste it into ChatGPT, Claude, or any AI assistant to instantly generate working code.

Try It Live

Test this endpoint in our interactive playground with real data.