# Framer Components Scraper (`parsebird/framer-components-scraper`) Actor

Extract component data from the Framer Marketplace. Browse all components or filter by category, pricing, and search query. Optionally visit detail pages for rich metadata including descriptions, install counts, categories, and creator emails.

- **URL**: https://apify.com/parsebird/framer-components-scraper.md
- **Developed by:** [ParseBird](https://apify.com/parsebird) (community)
- **Categories:** Developer tools, Automation, Other
- **Features:** Limited permissions
- **Stats:** 5 total users, 0 monthly users, 96.8% runs succeeded, 1 bookmarks
- **User rating**: No ratings yet

## Pricing

from $6.00 / 1,000 component listeds

This Actor is paid per event. You are not charged for the Apify platform usage, but only a fixed price for specific events.

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

### Framer Components Scraper

Extract component data from the [Framer Marketplace](https://www.framer.com/marketplace/components/) — the official directory of Framer components for buttons, navigation, animations, layouts, and more.

<table><tr>
<td style="border-left:4px solid #2D6A4F;padding:12px 16px;font-weight:600">Research competitors, spot pricing trends, and track new releases across the entire Framer component marketplace.</td>
</tr></table>

<br>

<table>
<tr>
<td colspan="3" style="padding:10px 14px;background:#2D6A4F;border:none;border-radius:4px 4px 0 0">
<span style="color:#FAFAF9;font-size:14px;font-weight:700;letter-spacing:0.5px">ParseBird Framer Marketplace</span>
<span style="color:#D8F3DC;font-size:13px">&nbsp;&nbsp;&bull;&nbsp;&nbsp;Structured data from every listing</span>
</td>
</tr>
<tr>
<td style="padding:10px 14px;border:1px solid #E7E5E4;border-radius:0 0 0 4px;border-right:none;border-top:none;vertical-align:top;width:33%">
<img src="https://images.apifyusercontent.com/osrl58jgxX4hBkefRYzgF49YOI4XtZaKSi9Xvou8yS4/rs:fill:250:250/cb:1/aHR0cHM6Ly9hcGlmeS1pbWFnZS11cGxvYWRzLXByb2QuczMudXMtZWFzdC0xLmFtYXpvbmF3cy5jb20vc2ZucEJvV2tRWE1rU1V2ZnQtYWN0b3ItbDdvdVlMVVBkUVZ1MmhHNm4tYTc2NzRBTEtFTS1zdmdfaW1hZ2VfJTI4OTElMjkucG5n.webp" width="20" height="20" style="vertical-align:middle"> &nbsp;<a href="https://apify.com/parsebird/framer-templates-scraper" style="color:#1C1917;text-decoration:none;font-weight:700;font-size:13px">Templates</a><br>
<span style="color:#78716C;font-size:11px">1,000+ templates with features, pages</span>
</td>
<td style="padding:10px 14px;border:1px solid #E7E5E4;border-right:none;border-top:none;vertical-align:top;width:33%">
<img src="https://images.apifyusercontent.com/W6-5XjwamDQRTAqyyWdWrZg3u59AgjHUXBpGJiOtF0k/rs:fill:250:250/cb:1/aHR0cHM6Ly9hcGlmeS1pbWFnZS11cGxvYWRzLXByb2QuczMudXMtZWFzdC0xLmFtYXpvbmF3cy5jb20vc2ZucEJvV2tRWE1rU1V2ZnQtYWN0b3ItMmM1VGdtVk1HZk91RzMzR2YtaERMNjR4N0hidC1zdmdfaW1hZ2VfJTI4OTIlMjkucG5n.webp" width="20" height="20" style="vertical-align:middle"> &nbsp;<a href="https://apify.com/parsebird/framer-plugins-scraper" style="color:#1C1917;text-decoration:none;font-weight:700;font-size:13px">Plugins</a><br>
<span style="color:#78716C;font-size:11px">625+ plugins with changelogs, versions</span>
</td>
<td style="padding:10px 14px;border:1px solid #E7E5E4;border-radius:0 0 4px 0;border-top:none;vertical-align:top;width:33%;background:#D8F3DC">
<img src="https://images.apifyusercontent.com/Mee61xDYnTB82Z12U55FKvfkNH0821CFvm5QJUQKsNk/rs:fill:250:250/cb:1/aHR0cHM6Ly9hcGlmeS1pbWFnZS11cGxvYWRzLXByb2QuczMudXMtZWFzdC0xLmFtYXpvbmF3cy5jb20vc2ZucEJvV2tRWE1rU1V2ZnQtYWN0b3ItSnZnUHJCcTVoREE2VFo1OGUtRlN5c3dSTkRqbi1zdmdfaW1hZ2VfJTI4OTMlMjkucG5n.webp" width="20" height="20" style="vertical-align:middle"> &nbsp;<a href="https://apify.com/parsebird/framer-components-scraper" style="color:#2D6A4F;text-decoration:none;font-weight:700;font-size:13px">Components</a><br>
<span style="color:#2D6A4F;font-size:11px;font-weight:600">&#10148; You are here</span>
</td>
</tr>
</table>

##### Copy to your AI assistant

Copy this block into ChatGPT, Claude, Cursor, or any LLM to start using this actor.

```
parsebird/framer-components-scraper on Apify. Call: ApifyClient("TOKEN").actor("parsebird/framer-components-scraper").call(run_input={...}), then client.dataset(run["defaultDatasetId"]).list_items().items for results. Key inputs: category (string, "all"/"buttons"/"carousels"/"cms"/etc.), searchQuery (string, keyword search), pricing (string, "all"/"free"/"paid"), maxResults (integer, 0=unlimited), includeDetails (boolean, false=listing only). Full actor spec (input schema with all params/enums/defaults, output dataset fields, README): fetch build via GET https://api.apify.com/v2/acts/parsebird~framer-components-scraper (Bearer TOKEN) → taggedBuilds.latest.buildId, then GET https://api.apify.com/v2/acts/parsebird~framer-components-scraper/builds/{buildId} → inputSchema, actorDefinition.storages.dataset, readme. Get token: https://console.apify.com/account/integrations
```

### What does Framer Components Scraper do?

This Actor scrapes the Framer Marketplace component listings and (optionally) their detail pages to extract structured data including:

- **Component name, URL, and slug**
- **Price** (Free or dollar amount)
- **Creator name and profile URL**
- **Thumbnail images**
- **Detail page data** (when enabled): full description, install count, category, screenshot, last updated date, creator avatar, and creator email

### Why scrape Framer components?

- **Market research** — Understand the component ecosystem, pricing trends, and popular categories
- **Competitive analysis** — Track what components exist in your niche and how they evolve
- **Lead generation** — Collect creator contact information for outreach
- **Data enrichment** — Feed component data into your CRM, analytics, or product pipeline
- **Trend monitoring** — Track new components, install counts, and adoption trends

### How to use

1. Go to the [Framer Components Scraper](https://apify.com/parsebird/framer-components-scraper) page on Apify Store
2. Click **Try for free**
3. Configure your input:
   - **Category** — Filter by category (All, Backgrounds, Buttons, Carousels, CMS, Data, Embeds, Forms, Interactions, Layout, Navigation, Sections, Typography, Utilities)
   - **Search Query** — Search for specific components by keyword (overrides category)
   - **Pricing Filter** — All, Free Only, or Paid Only
   - **Max Components** — Limit the number of results
   - **Include Detail Pages** — Enable to get rich metadata per component
4. Click **Start** and wait for the run to finish
5. Download your data in JSON, CSV, Excel, or connect via API

### Input parameters

| Parameter | Type | Default | Description |
|-----------|------|---------|-------------|
| `category` | string | `all` | Component category to browse |
| `searchQuery` | string | *(empty)* | Search query (overrides category) |
| `pricing` | string | `all` | Pricing filter: `all`, `free`, or `paid` |
| `maxResults` | integer | `50` | Max components to return (0 = unlimited) |
| `includeDetails` | boolean | `false` | Visit detail pages for rich metadata |

### Output data

#### Listing mode (includeDetails = false)

```json
{
    "name": "Ticker",
    "slug": "ticker",
    "url": "https://www.framer.com/marketplace/components/ticker/",
    "price": "Free",
    "creatorName": "Framer",
    "creatorUrl": "https://www.framer.com/@framer",
    "thumbnailUrls": ["https://..."],
    "scrapedAt": "2026-03-28T12:00:00.000Z"
}
```

#### Detail mode (includeDetails = true)

All listing fields plus:

```json
{
    "description": "A customizable ticker component for Framer...",
    "category": "Animations",
    "screenshot": "https://...",
    "installCount": "15.4K installs",
    "lastUpdated": "Updated 3 weeks ago",
    "creatorAvatarUrl": "https://...",
    "creatorEmail": "creator@example.com"
}
```

### Pricing

This Actor uses **Pay-per-event** pricing:

| Event | Cost | When charged |
|-------|------|-------------|
| `component-listing` | $0.006 | Per component in listing-only mode |
| `component-detail` | $0.06 | Per component when detail pages are scraped |

**Cost examples:**

- 50 components, listing only → $0.30
- 50 components with details → $3.00
- 200 components, listing only → $1.20
- 200 components with details → $12.00

You only pay for the components actually returned. If your search yields 10 results but maxResults is 1000, you pay for 10.

### Tips and best practices

- **Start small** — Set `maxResults` to 5–10 with `includeDetails` enabled to preview the data before running a full scrape
- **Use search for targeted results** — The search query uses Framer's built-in search engine for accurate matching
- **Listing mode is cheap** — If you only need names, prices, and creator info, skip detail pages to save cost
- **Category browsing** — Use specific categories to narrow results without a search query
- **Scheduling** — Set up periodic runs to monitor new components or track changes

### Integrations

Connect this Actor to your workflow:

- **Google Sheets** — Export results directly
- **Webhooks** — Trigger actions when new data arrives
- **API** — Access data programmatically via the Apify API
- **Zapier / Make** — Automate downstream workflows

# Changelog

This Actor's version history is a separate document: https://apify.com/parsebird/framer-components-scraper/changelog.md

# Actor input Schema

## `category` (type: `string`):

Filter components by category.

Select 'All' to browse all components, or choose a specific category.

## `searchQuery` (type: `string`):

Search the Framer Marketplace for components matching this query. Uses Framer's built-in search.

When set, the category filter is ignored and results come from the search page instead.

Examples: button, carousel, navbar, accordion

## `pricing` (type: `string`):

Filter components by pricing.

• All — include both free and paid components
• Free — only free components
• Paid — only paid components

## `maxResults` (type: `integer`):

Limit the number of components returned. Set to 0 for unlimited.

Tip: start with a small number (e.g. 20) to preview results before running a full scrape.

## `includeDetails` (type: `boolean`):

When enabled, the scraper visits each component's detail page to extract rich metadata: full description, install count, category, screenshot, last updated date, and creator email.

This is slower but provides much richer data per component.

## Actor input object example

```json
{
  "category": "all",
  "pricing": "all",
  "maxResults": 5,
  "includeDetails": false
}
```

# Actor output Schema

## `dataset` (type: `string`):

No description

# 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("parsebird/framer-components-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("parsebird/framer-components-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 parsebird/framer-components-scraper --silent --output-dataset

```

## MCP server setup

```json
{
    "mcpServers": {
        "apify": {
            "type": "http",
            "url": "https://mcp.apify.com/?tools=fetch-actor-details,parsebird/framer-components-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/JvgPrBq5hDA6TZ58e/builds/OzW6Tvc2e3NhbLyp8/openapi.json