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

Unlock the full power
of CodePen PRO

All this great stuff starts at just $9.0/month.

Keep Your Work Secret with
Unlimited Privacy

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.

Learn More →

Docs on Privacy →

Easily Upload Files with
Asset Hosting

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.

And it doesn't have to be just images. It could be CSS, JavaScript, a PDF you want to link up, a short movie file, some JSON to request, really anything!

Learn More →

Do more with
Projects

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.

Learn More →

Auto Updating Previews in
Live View

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!

Learn More →

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.

Learn More →

Pair Program Across the World in
Collab Mode

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!

Learn More →

Teach a Classroom of Students in
Professor Mode

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.

Learn More →

What are you waiting for? Choose a plan!

Individual Plans
Team Plans

Starter

Sign Up

For the lone peacocks,
the rolling stones.

Developer

Sign Up

For the motivated mavens,
the keyboard wanderer.

Super

Sign Up

For the radical malcontents,
the wild-eyed acumens.

  Unlimited Private
Pens, Posts, & Collections
Private Projects only limited by number of allowed Projects
Unlimited Private
Pens, Posts, & Collections
Private Projects only limited by number of allowed Projects
Unlimited Private
Pens, Posts, & Collections
Private Projects only limited by number of allowed Projects
Collab Mode (Pens)
2-Person
Collab Mode (Pens)
6-Person
Collab Mode (Pens)
10-Person
Professor Mode (Pens)
10-Person
Professor Mode (Pens)
35-Person
Professor Mode (Pens)
100-Person
Live View (Pens & Projects)
Live View (Pens & Projects)
Live View (Pens & Projects)
Projects
10 Projects
50 Files / Project
1 Deployed Project
Projects
25 Projects
150 Files / Project
5 Deployed Projects
Use Your Own Domain for 5 Projects
Projects
50 Projects
300 Files / Project
20 Deployed Projects
Use Your Own Domain for 20 Projects
Asset Hosting
1 GB Total Storage
2 MB Max File Size
Unlimited Bandwidth
Asset Hosting
5 GB Total Storage
2 MB Max File Size
Unlimited Bandwidth
Asset Hosting
10 GB Asset Storage
2 MB Max File Size
Unlimited Bandwidth
Presentation Mode (Pens)
Presentation Mode (Pens)
Presentation Mode (Pens)
Debug View
No Log In Required
Debug View
No Log In Required
Debug View
No Log In Required
Ads
You See No Ads
No Ads on Your Stuff
Ads
You See No Ads
No Ads on Your Stuff
Ads
You See No Ads
No Ads on Your Stuff
Higher Standing in
Popularity Algorithm
Higher Standing in
Popularity Algorithm
Higher Standing in
Popularity Algorithm
Send to Phone SMS
100
Send to Phone SMS
1,000
Send to Phone SMS
2,000
Use Pen in Header of Profile
Use Pen in Header of Profile
Use Pen in Header of Profile
PRO Badge
PRO Badge
PRO Badge
Embed Themes
Unlimited Themes
Custom CSS
Hide Tab Bar & Logo
Embed Themes
Unlimited Themes
Custom CSS
Hide Tab Bar & Logo
Embed Themes
Unlimited Themes
Custom CSS
Hide Tab Bar & Logo
Unlimited Pen Templates
Unlimited Pen Templates
Unlimited Pen Templates
Sign Up

All Prices are in USD

Starter

Sign Up

All Prices are in USD

Developer

Sign Up

All Prices are in USD

Super

Super Team

5
Sign Up

For the roving bands, the nomadic tribes.

Each Member

Each member of your Team will receive the Developer Plan features listed below for their own personal account.

Below is the feature set for for the Team account itself. In addition, each Team Member gets PRO features equivalent to the individual Developer Plan when they are using CodePen as themselves.
Collab Mode
10-Person
Collab Mode
6-Person
Professor Mode
35-Person
Professor Mode
35-Person
Live View
Live View
Presentation Mode
Presentation Mode
Debug View
No Log In Required
Debug View
No Log In Required
Asset Hosting
10 GB Total Storage
2 MB Max File Size
Unlimited Bandwidth
Asset Hosting
5 GB Total Storage
2 MB Max File Size
Unlimited Bandwidth
Projects
20 Projects per Member
300 Files / Project
10 Deployed Projects per Member
Use Your Own Domain for 10 Projects per Member
Projects
25 Projects
150 Files / Project
5 Deploys
Use Their Own Domain for 5 Projects
Unlimited Private
Pens, Posts, & Collections
Private Projects only limited by number of allowed Projects
Unlimited Private
Pens, Posts, & Collections
Private Projects only limited by number of allowed Projects
No Ads
You See No Ads
No Ads on Your Stuff
No Ads
They See No Ads
No Ads on Their Stuff
Higher Standing in
Popularity Algorithm
Higher Standing in
Popularity Algorithm
Send to Phone SMS
2,000
Send to Phone SMS
1,000
Use Pen in Header of Profile
Use Pen in Header of Profile
PRO Badge
PRO Badge
Embed Themes
Unlimited Themes
Custom CSS
Hide Tab Bar & Logo
Embed Themes
Unlimited Themes
Custom CSS
Hide Tab Bar & Logo
Unlimited Pen Templates
Unlimited Pen Templates
Sign Up

All Prices are in USD