# Dribbble Shot Page Scraper (`practicaltools/apify-dribbble-scraper`) Actor

A powerful Actor that extracts comprehensive data from Dribbble shots including images, videos, descriptions, and tags.

- **URL**: https://apify.com/practicaltools/apify-dribbble-scraper.md
- **Developed by:** [Practical Tools](https://apify.com/practicaltools) (community)
- **Categories:** Automation, Agents
- **Stats:** 38 total users, 2 monthly users, 100.0% runs succeeded, 1 bookmarks
- **User rating**: No ratings yet

## Pricing

from $0.09 / successful run

This Actor is paid per event and usage. You are charged both the fixed price for specific events and for Apify platform usage.

Learn more: https://docs.apify.com/actors/running/actors-in-store.md#pay-per-event

## What's an Apify Actor?

An Actor is a serverless cloud program that runs on the Apify platform. It has two run modes.
In Batch mode, an Actor accepts a well-defined JSON input, performs an action which can take anything from a few seconds to a few hours,
and optionally produces a well-defined JSON output, datasets with results, or files in key-value store.
In Standby mode, an Actor provides a web server which can be used as a website, API, or an MCP server.

Apify vocabulary and the platform model are defined once, in the agent quickstart at https://apify.com/agents.md.

## How to integrate an Actor?

If asked about integration, you help developers integrate Actors into their projects.
You adapt to their stack and deliver integrations that are safe, well-documented, and production-ready.

Do not guess an integration path. Every one of them is in the agent quickstart at https://apify.com/agents.md: the Apify MCP server, Agent Skills with the Apify CLI, the JavaScript and Python clients, the REST API, and the account-free path for an agent with no human to sign in. It also carries the rule on stating cost before the first paid run.

For examples already wired to this Actor's own input schema, see the [API](#api) section below.

Each client library has reference documentation the quickstart does not restate: [JavaScript/TypeScript](https://docs.apify.com/api/client/js/docs.md) (`npm install apify-client`) and [Python](https://docs.apify.com/api/client/python/docs.md) (`pip install apify-client`).

# README

## Dribbble Shot Scraper - Apify Actor

A powerful Apify Actor that extracts comprehensive data from Dribbble shots including images, videos, descriptions, and tags.

### Features

- 🖼️ **Image Extraction** - Extracts all images from shot pages with metadata
- 🎥 **Video Support** - Handles both native videos and embedded content (YouTube, Vimeo, Loom)
- 📝 **Rich Content** - Extracts titles, descriptions, and tags
- 🚀 **High Performance** - Concurrent processing with configurable limits
- 🔒 **Authentication** - Session cookie support for accessing all content
- 🌐 **Proxy Support** - Built-in Apify Proxy integration

### Getting Your Dribbble Session Cookie (optional)

To access all Dribbble content, you need to provide a valid session cookie:

1. **Open Dribbble** - Go to [dribbble.com](https://dribbble.com) in your browser
2. **Login** - Make sure you're logged into your Dribbble account
3. **Open Developer Tools** - Press F12 or right-click and select "Inspect"
4. **Navigate to Storage** - Go to the "Application" tab (Chrome) or "Storage" tab (Firefox)
5. **Find Cookies** - In the left sidebar, expand "Cookies" and click on "https://dribbble.com"
6. **Copy Session Cookie** - Look for `dribbble_session` and copy its entire value
7. **Paste in Actor** - Use this value in the "Session cookie" field

### Input

The Actor accepts the following input parameters:

```json
{
  "urls": [
    "https://dribbble.com/shots/26213871-The-Francis-House-Offers-page"
  ],
  "sessionCookie": "your_session_cookie_here",
  "includeImages": true,
  "includeVideos": true,
  "includeTags": true,
  "includeDescription": true,
  "maxConcurrency": 10,
  "proxyConfiguration": {
    "useApifyProxy": true
  },
  "anonymousId": "optional_anonymous_id"
}
```

#### Parameters

| Parameter | Type | Required | Description |
|-----------|------|----------|-------------|
| `urls` | Array | ✅ | List of Dribbble shot URLs to scrape |
| `sessionCookie` | String | ✅ | Dribbble session cookie (see instructions above) |
| `includeImages` | Boolean | ❌ | Extract images (default: true) |
| `includeVideos` | Boolean | ❌ | Extract videos (default: true) |
| `includeTags` | Boolean | ❌ | Extract tags (default: true) |
| `includeDescription` | Boolean | ❌ | Extract description (default: true) |
| `maxConcurrency` | Integer | ❌ | Max concurrent requests (default: 10) |
| `proxyConfiguration` | Object | ❌ | Proxy configuration |
| `anonymousId` | String | ❌ | Dribbble anonymous ID cookie |

### Output

The Actor outputs clean, structured data for each shot:

### Examples

#### JavaScript (fetch)

```javascript
fetch('https://api.apify.com/v2/acts/practicaltools~apify-dribbble-scraper/run-sync', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'Accept': 'application/json',
    'Authorization': 'Bearer YOUR_API_TOKEN'
  },
  body: JSON.stringify({
    includeDescription: true,
    includeImages: true,
    includeTags: true,
    includeVideos: true,
    urls: [
      {
        url: "https://dribbble.com/shots/26303205-3D-Animation-For-Sure-App-com",
        method: "GET"
      }
    ],
    proxyConfiguration: {
      useApifyProxy: false
    },
    maxConcurrency: 10,
    sessionCookie: "SEE_INSTRUCTIONS"
  })
})
  .then(response => {
    if (!response.ok) {
      return response.text().then(err => {
        throw new Error(\`HTTP \${response.status} - \${err}\`);
      });
    }
    return response.json();
  })
  .then(data => {
    console.log('Actor result:', data);
  })
  .catch(error => {
    console.error('Request failed:', error);
  });
```

#### cURL

```bash
curl -L 'https://api.apify.com/v2/acts/practicaltools~apify-dribbble-scraper/run-sync' \
-H 'Content-Type: application/json' \
-H 'Accept: application/json' \
-H 'Authorization: Bearer YOUR_API_TOKEN' \
-d '{
  "includeDescription": true,
  "includeImages": true,
  "includeTags": true,
  "includeVideos": true,
  "urls": [
    {
      "url": "https://dribbble.com/shots/26303205-3D-Animation-For-Sure-App-com",
      "method": "GET"
    }
  ],
  "proxyConfiguration": {
    "useApifyProxy": false
  },
  "maxConcurrency": 10,
  "sessionCookie": "SEE_INSTRUCTIONS"
}'
```

```json
{
  "title": "Volio - Crypto Banking website",
  "link": "https://dribbble.com/shots/26219895-Volio-Crypto-Banking-website",
  "images": [
    {
      "src": "https://cdn.dribbble.com/users/...",
      "alt": "Crypto Banking Interface",
      "width": 1600,
      "height": 1200
    }
  ],
  "videos": [
    {
      "src": "https://player.vimeo.com/video/...",
      "type": "embedded",
      "platform": "vimeo",
      "width": "800",
      "height": "600"
    }
  ],
  "description": "A modern crypto banking interface design...",
  "tags": ["ui", "ux", "crypto", "banking", "website", "design"]
}
```

# Actor input Schema

## `urls` (type: `array`):

List of Dribbble shot URLs to scrape

## `proxyConfiguration` (type: `object`):

Proxy settings for requests

## `maxConcurrency` (type: `integer`):

Maximum number of concurrent requests

## `includeImages` (type: `boolean`):

Whether to extract images

## `includeVideos` (type: `boolean`):

Whether to extract videos

## `includeTags` (type: `boolean`):

Whether to extract tags

## `includeDescription` (type: `boolean`):

Whether to extract description

## `sessionCookie` (type: `string`):

Dribbble session cookie for authenticated access. To get this: 1) Open dribbble.com in your browser, 2) Open Developer Tools (F12), 3) Go to Application/Storage tab, 4) Find Cookies section, 5) Look for 'dribbble_session' cookie and copy its value.

## `anonymousId` (type: `string`):

Dribbble anonymous ID cookie (optional)

## Actor input object example

```json
{
  "urls": [
    {
      "url": "https://dribbble.com/shots/26213871-The-Francis-House-Offers-page"
    }
  ],
  "proxyConfiguration": {
    "useApifyProxy": false
  },
  "maxConcurrency": 10,
  "includeImages": true,
  "includeVideos": true,
  "includeTags": true,
  "includeDescription": true,
  "sessionCookie": "SEE_INSTRUCTIONS"
}
```

# API

You can run this Actor programmatically using our API. Below are code examples in JavaScript, Python, and CLI, as well as the OpenAPI specification and MCP server setup.

## JavaScript example

```javascript
import { ApifyClient } from 'apify-client';

// Initialize the ApifyClient with your Apify API token
// Replace the '<YOUR_API_TOKEN>' with your token
const client = new ApifyClient({
    token: '<YOUR_API_TOKEN>',
});

// Prepare Actor input
const input = {};

// Run the Actor and wait for it to finish
const run = await client.actor("practicaltools/apify-dribbble-scraper").call(input);

// Fetch and print Actor results from the run's dataset (if any)
console.log('Results from dataset');
console.log(`💾 Check your data here: https://console.apify.com/storage/datasets/${run.defaultDatasetId}`);
const { items } = await client.dataset(run.defaultDatasetId).listItems();
items.forEach((item) => {
    console.dir(item);
});

// 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/js/docs

```

## Python example

```python
from apify_client import ApifyClient

# Initialize the ApifyClient with your Apify API token
# Replace '<YOUR_API_TOKEN>' with your token.
client = ApifyClient("<YOUR_API_TOKEN>")

# Prepare the Actor input
run_input = {}

# Run the Actor and wait for it to finish
run = client.actor("practicaltools/apify-dribbble-scraper").call(run_input=run_input)

# Fetch and print Actor results from the run's dataset (if there are any)
print(f"💾 Check your data here: https://console.apify.com/storage/datasets/{run.default_dataset_id}")
for item in client.dataset(run.default_dataset_id).iterate_items():
    print(item)

# 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/python/docs/quick-start

```

## CLI example

```bash
echo '{}' |
apify call practicaltools/apify-dribbble-scraper --silent --output-dataset

```

## MCP server setup

```json
{
    "mcpServers": {
        "apify": {
            "type": "http",
            "url": "https://mcp.apify.com/?tools=fetch-actor-details,practicaltools/apify-dribbble-scraper"
        }
    }
}
```

The hosted server signs you in with OAuth on first connect, so no API token belongs in this config. Clients without OAuth support can send an `Authorization: Bearer <APIFY_API_TOKEN>` header instead, using a token from API & Integrations in Apify Console (https://console.apify.com/settings/integrations).

## OpenAPI specification

Download the OpenAPI definition: https://api.apify.com/v2/actors/CQnpiSSH28bfO8FFk/builds/zwMekuaiN5DIFerRS/openapi.json