Embed CodePen

Add Rich Embeds from CodePen To Your Site

A playground for front end development.

With Embedly, you also get embeds from these 600+ providers.

Get Started Free With CodePen Embeds Sign Up

Embed CodePen Now

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

What is Embedly?

Embedly offers a suite of tools, APIs, and libraries to help you embed content from media providers into your own websites and apps. Richer content means a more engaging experience for people who visit your website or use your app.

If you're looking for a quick way to develop with embeds check out our libraries or tutorials available for jQuery, Python, PHP, IOS and more.

We also provide a Wordpress plugin to embed any supported media provider.

Video: What Embedly Can Do For You

Embed CodePen on Your Site