Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.

We’re fans of JSFiddle. They really led the way for multi-pane in-browser code editors. But some of you, and myself included, want to move some of my demos from JSFiddle over to CodePen. Could be for any number of reasons, not the least of which it’s easier to find old work on CodePen because of the visual nature of it.

You could always do the move manually by copying and pasting each panel of code and changing settings, but that’s tedious. Now the CodePen Bookmarklet (in addition to its other super powers) can move a JSFiddle over to a Pen in just a click.

You don’t need to upgrade your bookmarklet. It will just automatically start working. It’s been testing out well, but if you notice any bugs, please let us know in the comments.

If you want to test it out, here’s a JSFiddle to try it on.

Want to know more about the CodePen Bookmarklet? Watch this video.