# Dribbble Shots Scraper (`codingfrontend/dribbble-shots-scraper`) Actor

A fast, high-performance scraper built for lead generation, competitor analysis, and business intelligence. Extracts detailed business profiles, including name, contact details, emails, phone numbers, location, ratings, and reviews from Dribbble Shots. Supports custom search URLs, proxy rotation,...

- **URL**: https://apify.com/codingfrontend/dribbble-shots-scraper.md
- **Developed by:** [Coding Frontned](https://apify.com/codingfrontend) (community)
- **Categories:** Lead generation, Automation
- **Stats:** 23 total users, 9 monthly users, 100.0% runs succeeded, 0 bookmarks
- **User rating**: No ratings yet

## Pricing

from $4.99 / 1,000 results

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 web data automations that power AI and operations. They run on the Apify platform to scrape websites, process data, connect APIs, and automate workflows.
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.

- **AI agents and MCP clients** — the [Apify MCP server](https://docs.apify.com/integrations/mcp.md) at `https://mcp.apify.com` (remote, streamable HTTP, OAuth on first use).
- **Agentic workflows and local Actor development** — [Agent Skills](https://apify.com/.well-known/agent-skills/index.json) with the [Apify CLI](https://docs.apify.com/cli/docs.md): `npm install -g apify-cli`, then `apify login`.
- **JavaScript/TypeScript projects** — the official [JS/TS client](https://docs.apify.com/api/client/js/docs.md): `npm install apify-client`.
- **Python projects** — the official [Python client](https://docs.apify.com/api/client/python/docs.md): `pip install apify-client`.
- **Any other language** — 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 Shots Scraper

An Apify actor that scrapes design shots from [Dribbble](https://dribbble.com/). Uses HTTP-based CheerioCrawler with the Dribbble search API endpoint which returns HTML partials.

### Features

- Search design shots by keyword
- Sort by popular, recent, or views
- Extracts shot title, URL, designer name and profile URL, view count, tags, and thumbnail
- Supports pagination (up to 500 results, ~48 shots per page)

### Input

| Field | Type | Default | Description |
|-------|------|---------|-------------|
| `query` | string | **required** | Search keyword (e.g. "mobile app", "branding", "typography") |
| `sort` | string | `popular` | Sort order: `popular`, `recent`, `views`, `latest` |
| `maxItems` | integer | 48 | Maximum number of shots to return (max 500) |
| `proxyConfiguration` | object | | Optional proxy settings |

### Output Fields

| Field | Description |
|-------|-------------|
| `rank` | Position in search results |
| `shotId` | Dribbble shot ID |
| `title` | Shot title |
| `url` | Shot page URL |
| `designerName` | Designer's display name |
| `designerUrl` | Designer's profile URL |
| `viewCount` | View count (formatted string, e.g. "24.3k") |
| `tags` | Array of tags from image alt text |
| `thumbnail` | Cover image URL |
| `isPro` | Whether the designer has a PRO badge |
| `searchQuery` | The query used for the search |
| `scrapedAt` | ISO timestamp when data was scraped |

### Notes

- Like counts are rendered by a web component (`<drb-shot-like>`) and are not available in static HTML
- Dribbble returns ~48 shots per page regardless of per\_page parameter
- If AWS WAF challenges occur, use Apify residential proxies

### Example

```json
{
  "query": "mobile app design",
  "sort": "popular",
  "maxItems": 100
}
```

# Actor input Schema

## `query` (type: `string`):

Search keyword for Dribbble shots (e.g. 'mobile app', 'branding', 'typography').

## `sort` (type: `string`):

Sort order for search results.

## `maxItems` (type: `integer`):

Maximum number of shots to scrape.

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

Optional proxy settings for the crawler.

## Actor input object example

```json
{
  "query": "ui design",
  "sort": "popular",
  "maxItems": 48,
  "proxyConfiguration": {
    "useApifyProxy": true
  }
}
```

# 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 = {
    "query": "ui design",
    "proxyConfiguration": {
        "useApifyProxy": true
    }
};

// Run the Actor and wait for it to finish
const run = await client.actor("codingfrontend/dribbble-shots-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 = {
    "query": "ui design",
    "proxyConfiguration": { "useApifyProxy": True },
}

# Run the Actor and wait for it to finish
run = client.actor("codingfrontend/dribbble-shots-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 '{
  "query": "ui design",
  "proxyConfiguration": {
    "useApifyProxy": true
  }
}' |
apify call codingfrontend/dribbble-shots-scraper --silent --output-dataset

```

## MCP server setup

```json
{
    "mcpServers": {
        "apify": {
            "command": "npx",
            "args": [
                "mcp-remote",
                "https://mcp.apify.com/?tools=codingfrontend/dribbble-shots-scraper",
                "--header",
                "Authorization: Bearer <YOUR_API_TOKEN>"
            ]
        }
    }
}

```

## OpenAPI specification

Download the OpenAPI definition: https://api.apify.com/v2/actors/6jmKIVXc2FMjQ9xXC/builds/NBJjevP9AeWk9tJvh/openapi.json
