Supported provider

Embed CodePen content

Add CodePen embeds to your website or application

A playground for front end development.

The Embed API also supports content from thousands of providers.

Get started with CodePen embeds Sign Up

Try a CodePen URL

Enter a CodePen URL to see how easy it is.

URL Schemes

Supported URL schemes for CodePen rich embeds.

  • http://codepen.io/*/pen/*
  • http://codepen.io/*/pen/*

Embedly OEmbed API

Use the Embed API to turn supported URLs into responsive embeds for websites and applications. Embedly maintains the provider integration so your application can use a consistent API across sources.

Review the Embed API documentation for endpoint details and implementation examples.

View Embed API Documentation

Embed CodePen on Your Site

Get Started Now