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 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:

{
  "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)

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

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"
}'

{
  "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"]
}