# 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:** 39 total users, 4 monthly users, 99.8% 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/platform/actors/running/actors-in-store#pay-per-event ## What's an Apify Actor? Actors are a software tools running on the Apify platform, for all kinds of web data extraction and automation use cases. 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. Actors are written with capital "A". ## 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. The best way to integrate Actors is as follows. In JavaScript/TypeScript projects, use official [JavaScript/TypeScript client](https://docs.apify.com/api/client/js.md): ```bash npm install apify-client ``` In Python projects, use official [Python client library](https://docs.apify.com/api/client/python.md): ```bash pip install apify-client ``` In shell scripts, use [Apify CLI](https://docs.apify.com/cli/docs.md): ````bash # MacOS / Linux curl -fsSL https://apify.com/install-cli.sh | bash # Windows irm https://apify.com/install-cli.ps1 | iex ```bash In AI frameworks, you might use the [Apify MCP server](https://docs.apify.com/platform/integrations/mcp.md). If your project is in a different language, use the [REST API](https://docs.apify.com/api/v2.md). For usage examples, see the [API](#api) section below. For more details, see Apify documentation as [Markdown index](https://docs.apify.com/llms.txt) and [Markdown full-text](https://docs.apify.com/llms-full.txt). # 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 '' with your token const client = new ApifyClient({ 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 '' with your token. client = ApifyClient("") # 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("💾 Check your data here: https://console.apify.com/storage/datasets/" + run["defaultDatasetId"]) for item in client.dataset(run["defaultDatasetId"]).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": { "command": "npx", "args": [ "mcp-remote", "https://mcp.apify.com/?tools=practicaltools/apify-dribbble-scraper", "--header", "Authorization: Bearer " ] } } } ``` ## OpenAPI specification ```json { "openapi": "3.0.1", "info": { "title": "Dribbble Shot Page Scraper", "description": "A powerful Actor that extracts comprehensive data from Dribbble shots including images, videos, descriptions, and tags.", "version": "0.0", "x-build-id": "zwMekuaiN5DIFerRS" }, "servers": [ { "url": "https://api.apify.com/v2" } ], "paths": { "/acts/practicaltools~apify-dribbble-scraper/run-sync-get-dataset-items": { "post": { "operationId": "run-sync-get-dataset-items-practicaltools-apify-dribbble-scraper", "x-openai-isConsequential": false, "summary": "Executes an Actor, waits for its completion, and returns Actor's dataset items in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK" } } } }, "/acts/practicaltools~apify-dribbble-scraper/runs": { "post": { "operationId": "runs-sync-practicaltools-apify-dribbble-scraper", "x-openai-isConsequential": false, "summary": "Executes an Actor and returns information about the initiated run in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK", "content": { "application/json": { "schema": { "$ref": "#/components/schemas/runsResponseSchema" } } } } } } }, "/acts/practicaltools~apify-dribbble-scraper/run-sync": { "post": { "operationId": "run-sync-practicaltools-apify-dribbble-scraper", "x-openai-isConsequential": false, "summary": "Executes an Actor, waits for completion, and returns the OUTPUT from Key-value store in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK" } } } } }, "components": { "schemas": { "inputSchema": { "type": "object", "required": [ "urls" ], "properties": { "urls": { "title": "Shot URLs (Required)", "type": "array", "description": "List of Dribbble shot URLs to scrape", "default": [ { "url": "https://dribbble.com/shots/26213871-The-Francis-House-Offers-page" } ], "items": { "type": "object", "required": [ "url" ], "properties": { "url": { "type": "string", "title": "URL of a web page", "format": "uri" } } } }, "proxyConfiguration": { "title": "Proxy configuration", "type": "object", "description": "Proxy settings for requests", "default": { "useApifyProxy": false } }, "maxConcurrency": { "title": "Max concurrency", "minimum": 1, "maximum": 100, "type": "integer", "description": "Maximum number of concurrent requests", "default": 10 }, "includeImages": { "title": "Include images", "type": "boolean", "description": "Whether to extract images", "default": true }, "includeVideos": { "title": "Include videos", "type": "boolean", "description": "Whether to extract videos", "default": true }, "includeTags": { "title": "Include tags", "type": "boolean", "description": "Whether to extract tags", "default": true }, "includeDescription": { "title": "Include description", "type": "boolean", "description": "Whether to extract description", "default": true }, "sessionCookie": { "title": "Session cookie", "type": "string", "description": "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.", "default": "SEE_INSTRUCTIONS" }, "anonymousId": { "title": "Anonymous ID", "type": "string", "description": "Dribbble anonymous ID cookie (optional)" } } }, "runsResponseSchema": { "type": "object", "properties": { "data": { "type": "object", "properties": { "id": { "type": "string" }, "actId": { "type": "string" }, "userId": { "type": "string" }, "startedAt": { "type": "string", "format": "date-time", "example": "2025-01-08T00:00:00.000Z" }, "finishedAt": { "type": "string", "format": "date-time", "example": "2025-01-08T00:00:00.000Z" }, "status": { "type": "string", "example": "READY" }, "meta": { "type": "object", "properties": { "origin": { "type": "string", "example": "API" }, "userAgent": { "type": "string" } } }, "stats": { "type": "object", "properties": { "inputBodyLen": { "type": "integer", "example": 2000 }, "rebootCount": { "type": "integer", "example": 0 }, "restartCount": { "type": "integer", "example": 0 }, "resurrectCount": { "type": "integer", "example": 0 }, "computeUnits": { "type": "integer", "example": 0 } } }, "options": { "type": "object", "properties": { "build": { "type": "string", "example": "latest" }, "timeoutSecs": { "type": "integer", "example": 300 }, "memoryMbytes": { "type": "integer", "example": 1024 }, "diskMbytes": { "type": "integer", "example": 2048 } } }, "buildId": { "type": "string" }, "defaultKeyValueStoreId": { "type": "string" }, "defaultDatasetId": { "type": "string" }, "defaultRequestQueueId": { "type": "string" }, "buildNumber": { "type": "string", "example": "1.0.0" }, "containerUrl": { "type": "string" }, "usage": { "type": "object", "properties": { "ACTOR_COMPUTE_UNITS": { "type": "integer", "example": 0 }, "DATASET_READS": { "type": "integer", "example": 0 }, "DATASET_WRITES": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_READS": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_WRITES": { "type": "integer", "example": 1 }, "KEY_VALUE_STORE_LISTS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_READS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_WRITES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_INTERNAL_GBYTES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_EXTERNAL_GBYTES": { "type": "integer", "example": 0 }, "PROXY_RESIDENTIAL_TRANSFER_GBYTES": { "type": "integer", "example": 0 }, "PROXY_SERPS": { "type": "integer", "example": 0 } } }, "usageTotalUsd": { "type": "number", "example": 0.00005 }, "usageUsd": { "type": "object", "properties": { "ACTOR_COMPUTE_UNITS": { "type": "integer", "example": 0 }, "DATASET_READS": { "type": "integer", "example": 0 }, "DATASET_WRITES": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_READS": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_WRITES": { "type": "number", "example": 0.00005 }, "KEY_VALUE_STORE_LISTS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_READS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_WRITES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_INTERNAL_GBYTES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_EXTERNAL_GBYTES": { "type": "integer", "example": 0 }, "PROXY_RESIDENTIAL_TRANSFER_GBYTES": { "type": "integer", "example": 0 }, "PROXY_SERPS": { "type": "integer", "example": 0 } } } } } } } } } } ```