How do I change the view on my CodePen?

From the header at the top, logged-in CodePen members can heart or fork your Pen. Or, use the “Change View” menu to switch to the Editor View to inspect the code, or the Details View to see your Pen’s description and leave a comment. Logged-out visitors will not see the Love button.

Live View is a full-page view of your Pen that updates in real time as you update the code in your Pen . Updates happen as you type, just like the preview in the Editor, except that this URL can be open in another window or tab, in a different browser, or even on a completely different computer or device.

Easy Access Live View is a CodePen PRO feature. When you go PRO, all of your Pens will have Live View automatically. Go to a Pen you own, open the Change View menu, and click the Live View option .