CodePen Scraper

Scrape public CodePen pens, author profiles, collections, trending pages, and search results from codepen.io. The Actor returns normalized dataset records with public metadata and, when available, public pen source code.

Why use CodePen Scraper?

Use it to build public design and front-end research datasets, monitor public pens, collect author profile metadata, or feed CodePen records into an API or integration. Apify provides scheduling, API access, monitoring, dataset exports, and optional user-configured proxy settings.

The Actor uses bounded public-page extraction. It does not log in, submit credentials, bypass CAPTCHA or WAF challenges, rotate identities after denial, or retry access-restricted redirects. A blocked or unavailable page is emitted as a diagnostic record and is not counted as a successful result.

What data can CodePen Scraper extract?

Field	Type	Description
type	string	Normalized record category such as pen, author, or post.
penId	string	Public pen identifier.
title	string	Public pen, collection, or post title.
url	string	Canonical public CodePen URL.
author	object	Public author username, display name, profile URL, and avatar metadata.
views	integer	Public view count when available.
loves	integer	Public CodePen love count when available.
html, css, js	string	Public pen source code when full pen extraction is enabled.
dataAvailable	boolean	Whether the row contains usable public data.

How to scrape CodePen

1. Open the Actor and select a mode in the input tab.
2. For pen, author, author_pens, or collection, provide one or more public CodePen URLs.
3. For search, provide searchQuery and choose searchType.
4. For trending, choose trendingPeriod and an optional category.
5. Set maxPens, extraction options, and concurrency limits appropriate for the run.
6. Start the Actor and download the dataset as JSON, HTML, CSV, or Excel.

See the input tab for the complete configuration. The API tab provides programmatic access for scheduled or integrated runs.

How much does it cost?

The Actor uses its configured pay-per-result pricing model for live records. Availability diagnostics have found: false and dataAvailable: false and are excluded from the success count and charge calculation. Actual platform compute and proxy costs depend on your Apify plan and selected settings.

Input

The main options are mode, urls, searchQuery, searchType, trendingPeriod, trendingCategory, maxPens, scrapeFullPenData, scrapeAuthorProfile, scrapeAvatar, scrapeThumbnail, maxConcurrency, requestTimeout, and proxyConfiguration. Legacy login fields remain accepted for input compatibility but are ignored; authentication is never attempted.

Output

You can download the dataset in various formats such as JSON, HTML, CSV, or Excel.

{
  "type": "pen",
  "penId": "AbC1234",
  "title": "Example CodePen project",
  "url": "https://codepen.io/exampleuser/pen/AbC1234",
  "author": {
    "username": "exampleuser",
    "displayName": "Example Author",
    "profileUrl": "https://codepen.io/exampleuser"
  },
  "found": true,
  "dataAvailable": true
}

An unavailable public page produces a separate diagnostic record, for example:

{
  "type": "run_diagnostic",
  "pageType": "run_diagnostic",
  "found": false,
  "dataAvailable": false,
  "runStatus": "blocked_or_unavailable",
  "errorCode": "NO_RICH_CODEPEN_RESULTS"
}

Tips and troubleshooting

• Keep maxPens and concurrency bounded to reduce load and avoid rate limits.
• If CodePen presents a CAPTCHA, login wall, paywall, geofence, rate limit, WAF challenge, device verification, or access denial, the Actor stops and records the limitation.
• If a page returns only a diagnostic, verify that the URL is public and try again later without submitting credentials.

FAQ, disclaimers, and support

Does this Actor scrape private CodePen content?

No. It extracts only public page content and does not submit login credentials or use protected sessions.

Can I use the Actor for personal data?

Our Actors are ethical and do not extract private user data, such as email addresses, gender, or location. They only extract what the user has chosen to share publicly. We therefore believe that our Actors, when used for ethical purposes by Apify users, are safe. However, you should be aware that your results could contain personal data. Personal data is protected by the GDPR in the European Union and by other regulations around the world. You should not scrape personal data unless you have a legitimate reason to do so. If you're unsure whether your reason is legitimate, consult your lawyers.

For feedback or troubleshooting, use the Issues tab. Use the API tab for programmatic access.