When we set out to build the 2.0 editor, another editor in the CodePen cannon, the goal was actually to reduce the number of editors we have and support. Ideally, reduce it to one. The trick is that anything an existing Pen or Project can do, this new editor needs to be able to do as well. All while making sure it’s forever future extensible. That was the wild engineering task in front of us, and we’re happy to report it’s done.

To be clear, at the time of publishing: all Projects have been converted to 2.0 Pens, so Projects doesn’t even exist anymore. Someday we’ll convert Pens too, but not particularly soon. Instead, you can choose to convert Classic Pens (with a button click under the Save menu) if you want to.

Sponsor: Notion

With the recent launch of Custom Agents, Notion became the collaborative AI workspace where teams and agents work side by side. And now, their new Developer Platform is turning that workspace into infrastructure developers can build on.

Time Jumps

  • 00:00:14 Talking about conversion
  • 00:01:45 A rare area of regret at CodePen
  • 00:08:53 We’re not forcing converting Pens for launch
  • 00:13:00 What happens if you convert one of your Pens?
  • 00:19:02 Old Vue custom editor
  • 00:20:13 Using custom screenshots
  • 00:21:05 Picking the version of a processor you want in CodePen v2
  • 00:24:41 Sponsor: Notion
  • 00:28:02 How did we convert Projects to Pens?
  • 00:33:00 A rookie mistake with someone’s name on it
  • 00:37:24 Yellow vs red squiggle