CodePen

CodePen POST to Prefill API

HTTP POST endpoint that accepts JSON-encoded code and configuration and opens a new (unsaved) Pen in the CodePen editor pre-populated with that content. Supports HTML, CSS, and JS content fields, preprocessor choices, external resources, and editor layout. No authentication is required.

GitHub

Documentation

📖
Documentation
https://blog.codepen.io/documentation/prefill/

Work with this as data

Every API here is available over the APIs.io API and to AI agents over MCP.

MCP server

One button, every client — Claude, Cursor, VS Code and the rest.

https://apis.io/mcp

Tools for apis

7 MCP tools reach this
  • find_apisBrowse and filter every API in the catalog.
  • get_api_artifactsOne API's artifacts, grouped by type.
  • get_openapiThe primary OpenAPI for this API.
  • find_similar_apisAPIs that look like this one.
  • apis_io_searchSTART HERE — APIs, providers and tags for one query, each with its total.
  • resolveTurn a domain, URL or GitHub org into the provider it belongs to.
  • find_cohortsEvery scored population of providers in the catalog.
All 92 tools →

Call it yourself

curl for this page
This API 
curl "https://apis.io/api/v1/apis/post-to-prefill"
All apis 
curl "https://apis.io/api/v1/apis?limit=25"

Discovery needs no key. Ratings and market analysis are Pro.

Get an API key

Free tier, no form to fill in. Signing in shares your email address with us — we store it to create your key and to recognise you if you sign in with another provider. See our Privacy Policy and Terms.

GitHub Google LinkedIn

A second provider on the same verified email joins the account you already have.

API entry from apis.yml

apis.yml Raw ↑ 
aid: codepen:post-to-prefill
name: CodePen POST to Prefill API
description: HTTP POST endpoint that accepts JSON-encoded code and configuration and opens a new (unsaved)
  Pen in the CodePen editor pre-populated with that content. Supports HTML, CSS, and JS content fields,
  preprocessor choices, external resources, and editor layout. No authentication is required.
humanURL: https://blog.codepen.io/documentation/prefill/
baseURL: https://codepen.io/pen/define/
tags:
- Front-End Development
- Developer Tools
properties:
- type: Documentation
  url: https://blog.codepen.io/documentation/prefill/