cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen

CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.

Unlimited Privacy

With CodePen PRO, you get unlimited Private Pens, Posts, and Collections.

Use Private Pens as Drafts

Pens are public by default on CodePen, and all public Pens are indexed for public search, findable on your profile, and open source licensed.

Private Pens are none of those things. No one can see them unless you decide to share them. They aren't shown in search, either through CodePen search or outside search engines. They can't be seen on your profile. No license is applied to them.

One way to use Private Pens is to keep all your Pens private while you are working on them, then toggle them over to Public when you are ready.

View the Docs →


No Annoying Passwords

Nobody can guess a URL like the URLs to your private work on CodePen. They are totally unfindable, until you share that URL. That's pretty handy, because anybody who you share that URL with can see it. They don't have to be logged in, have a password, or even have an account.


Post as note

Use Private Posts as Notes

The Post Editor on CodePen is a full-on document editor. You essentially get a free hosted blog on CodePen. As we say, CodePen makes it easy to write about code. You write in Markdown, have control over the URLs, can apply tags, have syntax highlighting in loads of languages, can totally customize the look through CSS, and more.

But you don't have to be fancy with it. Private Posts mean you can just chuck some words into a Post and share it to a select few. Like a little scratch pad. Like a way to store notes.

All Posts have a comment thread (with notifications!) so they can also serve as a base for conversation.


Send Private Collections to Clients

One popular reason to make Private Pens on CodePen is for in-progress concepts for client work. You can make Private Collections on CodePen, and you can put Private Pens in Private Collections. We've had lots of people tell us this is perfect for working with clients. You send them a link to the Private Collection and they can see everything related to a project in one place.

Secret project collection

How Private is Private?

This is how private content works on CodePen:

  • Private content gets an unguessable URL. Seriously. The URL's are so long and so obscure that even a computer can't guess them.
  • Private content is not findable through public CodePen search. While logged in, you can still search your own content to find your own private content, however.
  • We tell third-party search engines not to index private content. We use every method they share for telling search engines like Google and Yahoo to not index private content. They shouldn't be able to find links to your private content anyway, but this is just in case you share it and these search engines find those shared links.
  • Private content is not findable on CodePen except by you on your your own profile while logged in. Nobody else can browse around CodePen and find anything private that you'd made. Not on your profile or anywhere else.

What privacy isn't on CodePen:

  • There are no passwords involved.
  • There is no user authentication involved.

This isn't enterprise-level mega-encrypted super-security. It's very secret URL's for your content that are unfindable until you choose to share them. Simple and effective!


Team codepen

Team Members Can Work Together Privately

People who are on the same Team can work on private content together. As long as you are logged in and in the Team Context, you can see all the Team's private content right on the Team Profile.

For example, Rachel could start a Private Pen. Tim could update it. Alex could add a title and explanation. Marie could add it to a Private Collection. In the Team Context, everybody has access to all the Team content, private or otherwise.

Start using privacy features right now!

Individual Plans
Team Plans

Free

0 forever

Starter

Annual Starter

Switch to monthly billing Switch to annual billing

Developer

Annual Developer

Switch to monthly billing Switch to annual billing

Super

Annual Super

Switch to monthly billing Switch to annual billing
  • Unlimited public Pens, Posts, and Collections
  • Unlimited templates
  • Debug view (requires log in)
  • 1 Embed theme
  • 1 project with 10 files
  • Unlimited public and private Pens, Posts, and Collections
  • Unlimited templates
  • No-Login Pen Debug View
  • Live View
  • PRO badge
  • Unlimited embed themes with custom CSS
  • Higher standing in the popularity algorithm
  • Feature a Pen in your profile header
  • See no ads on CodePen
  • 10 Projects with 50 files/project
  • 1 deployed Project
  • 2 person Collab Mode
    (Pens only)
  • 10 person Professor Mode
    (Pens only)
  • Asset hosting with 1 GB total storage
  • Unlimited public and private Pens, Posts, and Collections
  • Unlimited templates
  • No-Login Pen Debug View
  • Live View
  • PRO badge
  • Unlimited embed themes with custom CSS
  • Higher standing in the popularity algorithm
  • Feature a Pen in your profile header
  • See no ads on CodePen & no ads on your stuff
  • Use your own domain for Projects
  • 25 Projects with 150 files/Project
  • 5 deployed Projects
  • 6 person Collab Mode
    (Pens only)
  • 35 person Professor Mode
    (Pens only)
  • Asset hosting with 5 GB total storage
  • Unlimited public and private Pens, Posts, and Collections
  • Unlimited templates
  • No-Login Pen Debug View
  • Live View
  • PRO badge
  • Unlimited embed themes with custom CSS
  • Higher standing in the popularity algorithm
  • Feature a Pen in your profile header
  • See no ads on CodePen & no ads on your stuff
  • Use your own domain for Projects
  • 50 projects with 300 files/project
  • 20 deployed Projects
  • 10 person Collab Mode
    (Pens only)
  • 100 person Professor Mode
    (Pens only)
  • Asset hosting with 10 GB total storage

Super Team

Annual Super Team

Starting a team gives one team account and boosts your team members’ plans to developer level. You can easily switch between working on pens, projects, posts and collections on team and individual accounts.

5
Switch to monthly billing Switch to annual billing

Team account features

Each team gets its own account.

  • All Team Members share access to the Team Account, which has its own profile. That way everyone can work together, sharing access to editing Pens, Projects, Posts, Collections, and Assets.
  • Unlimited public and private Pens, Posts, and Collections
  • Unlimited templates
  • Debug View (no log in required)
  • Live View
  • PRObadge
  • Unlimited embed themes with custom CSS
  • Higher standing in the popularity algorithm
  • See no ads on CodePen & no ads on your stuff
  • 10 person Collab Mode (Pens only)
  • 35 person Professor Mode (Pens only)
  • Asset hosting with 10 GB total storage
  • 20 Projects with 300 files/project
    (20 Projects/member)
  • 10 deployed Projects
    (10 per Team member)
  • Use your own domain for 10 Projects
    (10 per Team member)

Team member features

Each team member gets all the features of a Developer PRO account.

  • Unlimited public and private Pens, Posts, and Collections
  • Unlimited templates
  • Debug View (no log in required)
  • Live View
  • PRO badge
  • Unlimited embed themes with custom CSS
  • Higher standing in the popularity algorithm
  • Feature a Pen in your profile header
  • See no ads on CodePen & no ads on your stuff
  • 6 person Collab Mode (Pens only)
  • 35 person Professor Mode (Pens only)
  • Asset hosting with 5 GB total storage
  • 25 projects with 150 files/Project
  • 5 deployed Projects
  • Use your own domain for Projects