# 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 - **Stats:** 1 total users, 0 monthly users, 100.0% 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/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 ### 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.
Research competitors, spot pricing trends, and track new releases across the entire Framer component marketplace.

ParseBird Framer Marketplace   •  Structured data from every listing
 Templates
1,000+ templates with features, pages 		 Plugins
625+ plugins with changelogs, versions 		 Components
➤ You are here
##### 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 # 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": 50, "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 '' 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("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 '' with your token. client = ApifyClient("") # 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("💾 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 parsebird/framer-components-scraper --silent --output-dataset ``` ## MCP server setup ```json { "mcpServers": { "apify": { "command": "npx", "args": [ "mcp-remote", "https://mcp.apify.com/?tools=parsebird/framer-components-scraper", "--header", "Authorization: Bearer " ] } } } ``` ## OpenAPI specification ```json { "openapi": "3.0.1", "info": { "title": "Framer Components Scraper", "description": "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.", "version": "1.1", "x-build-id": "oQGVxew7DATzSIqoy" }, "servers": [ { "url": "https://api.apify.com/v2" } ], "paths": { "/acts/parsebird~framer-components-scraper/run-sync-get-dataset-items": { "post": { "operationId": "run-sync-get-dataset-items-parsebird-framer-components-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/parsebird~framer-components-scraper/runs": { "post": { "operationId": "runs-sync-parsebird-framer-components-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/parsebird~framer-components-scraper/run-sync": { "post": { "operationId": "run-sync-parsebird-framer-components-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", "properties": { "category": { "title": "Category", "enum": [ "all", "backgrounds", "buttons", "carousels", "cms", "data", "embeds", "forms", "interactions", "layout", "navigation", "sections", "typography", "utilities" ], "type": "string", "description": "Filter components by category.\n\nSelect 'All' to browse all components, or choose a specific category.", "default": "all" }, "searchQuery": { "title": "Search Query", "type": "string", "description": "Search the Framer Marketplace for components matching this query. Uses Framer's built-in search.\n\nWhen set, the category filter is ignored and results come from the search page instead.\n\nExamples: button, carousel, navbar, accordion" }, "pricing": { "title": "Pricing Filter", "enum": [ "all", "free", "paid" ], "type": "string", "description": "Filter components by pricing.\n\n• All — include both free and paid components\n• Free — only free components\n• Paid — only paid components", "default": "all" }, "maxResults": { "title": "Max Components", "minimum": 0, "maximum": 100000, "type": "integer", "description": "Limit the number of components returned. Set to 0 for unlimited.\n\nTip: start with a small number (e.g. 20) to preview results before running a full scrape.", "default": 50 }, "includeDetails": { "title": "Include Detail Pages", "type": "boolean", "description": "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.\n\nThis is slower but provides much richer data per component.", "default": false } } }, "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 } } } } } } } } } } ```