Keep Your Work Secret with
You can make as many Private Pens, Private Posts, and Private Collections as you wish! Private Projects are only limited by how many total Projects your plan has.
Nobody can see your private stuff until you want them to, because they are at secret unguessable, non-searchable, non-indexable URLs. But, you can still share that URL with anyone you choose.
Private Pens and Projects are unlicensed, so you may apply your own before sharing so that you retain full ownership.
Easily Upload Files with
Need to use an image in a Pen? No more awkwardly finding alternate hosting for it, you can drag-and-drop it right onto CodePen and we'll host it for you.
Do more with
Projects is the most powerful feature of CodePen. It's a full blown IDE right in the browser, with automatic preprocessing, drag and drop uploading, live previews, website deployment, and much more.
Free users can have a play with a single Project, but PRO users get more Projects, more files per Project, and more deployments and custom domains for their Projects.
Auto Updating Previews in
See the results of your code on multiple computers or devices as-you-type. Great for mobile testing or if you prefer having a full-page preview to watch as you work.
If those other devices can receive text messages, you can send over the live URL directly from the editor just by entering the phone number. Works anywhere in the world!
Match Your Site's Style with
Unlimited Embed Themes
Your website has a unique look, so why should the code and demos you provide there look generic? The CodePen Embed Builder allows you to build themes to completely customize the look of Embedded Pens. Change the look of your site? Just change the theme and all your Embedded Pens change too.
As a PRO, you'll be able to build unlimited themes, remove the branding, and even use your own totally custom CSS.
Pair Program Across the World in
Live collaboration on code. Multiple people can type and edit code in a Pen at the same time, all while still seeing the live preview. There is a chat area too, all for the best in long distance pair programming!
Get Discounts Elsewhere with
CodePen PRO can pay for itself in an instant when you take advantage of the savings we offer on other products and services in our PRO Perks section. These are companies that we specifically like and chose to work with.
Teach a Classroom of Students in
Have students watch you work in real time! Every key press and click is shown live. Better than video - the students can interact with the code, see it live rendering, and participate in group chat.
Students can even pause and play around with the code, and then catch back up to you with a single click.