Unlock the full power of CodePen PRO

Get every feature CodePen has to offer starting at $8/month and start building code faster and easier.

Sign Up Now

Privacy

Our most popular PRO feature, Privacy, lets you control who sees your content.

Asset Hosting

Keep your files on CodePen for easy access and management. Optimize and edit images, and edit code without switching to another editor.

Collab Mode

Work in real-time on the same Pens with colleagues and friends. See their edits and chat together without leaving CodePen.

Privacy

Keep Your Work Secret with Unlimited Privacy

You can make as many private Pens and Collections as you wish! Private Projects are only limited by how many total Projects your plan has.

  • Private by Default. Want to start all your Pens as private and not worry about accidentally showing off your work to the world? Private by Default lets you easily turn a switch to keep all your work under wraps.
  • Secret URLs. 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.
  • Full Ownership. Private Pens and Projects are unlicensed, so you may apply your own before sharing so that you retain full ownership.
Privacy is always available at the flip of a switch.

Love CodePen? Go PRO

Simply love and support CodePen and want to keep seeing amazing features released? Show your support by signing up for PRO.

Asset Management & Hosting

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!

Edit Images

Optimize, change the size and rotate images directly in CodePen.

Easily Copy URLs

We’ve got easy copy shortcuts for <img>, markdown, and css to save you time.

Multi-File Upload

Bulk add images and keep working faster.

Collab Mode

Pair Program Across the World

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!

More Exclusive PRO Features

Get more with a PRO membership

You’ll get access to other features that support great developers like you.

Customized Profiles & 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.

Professor Mode

Have students watch you work in real time! Every key press and setting change is shown live. Better than video – the students can interact with the code, see it live rendering, and participate in group chat. Students can save a fork at any time, keeping a copy for themselves to play with.

What are you waiting for? Choose a plan!

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 and Collections
  • Unlimited templates
  • Debug view (requires log in)
  • 1 project with 10 files
  • Everything
  • Asset hosting
    2 GB total storage
    5 MB per file
  • 10 Projects
    50 files/Project
    1 deployed
  • 2 person Collab Mode
    10 person Professor Mode
    (Pens only)
  • Private Pens, Collections, and Projects.
  • Unlimited embed themes with custom CSS
  • No-Login Pen Debug View
  • Live View
  • No ads
  • Everything
  • Asset hosting
    10 GB total storage
    10 MB per file
  • 25 Projects
    150 files/Project
    5 deployed
  • 6 person Collab Mode
    35 person Professor Mode
    (Pens only)
  • Use your own domain for Projects
  • Everything
  • Asset hosting
    20 GB total storage
    15 MB per file
  • 50 Projects
    300 files/Project
    20 deployed
  • 10 person Collab Mode
    100 person Professor Mode
    (Pens only)

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.

2
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
  • PRO
  • Unlimited embed themes with custom CSS
  • Higher standing in the popularity algorithm
  • See no ads on CodePen
  • 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
  • 6 person Collab Mode (Pens only)
  • 35 person Professor Mode (Pens only)
  • Asset hosting with 10 GB total storage
  • 25 projects with 150 files/Project
  • 5 deployed Projects
  • Use your own domain for Projects