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.

Your Team, on CodePen

CodePen PRO Teams are for working together.

Sign Up
Some Teams using CodePen:

Teams are a way to work together on CodePen.

People who are on the same team have shared access to CodePen in a way that allows you to work together better.

  • Everyone can create and edit Team Pens.
  • Everyone can upload and access Assets.
  • Everyone can curate Collections.
  • Everyone can see and manage Private Pens/Posts/Collections.

Everyone does this under a shared and united profile. Together you are one, on CodePen.

See the Docs on Teams →

Example of Team Leader and Receipt

Teams have shared billing and are managed by an owner.

Part of the convenience of PRO Teams is that the billing is combined. Only one payment needs to be made that covers all members. Team size can be adjusted so you're just paying for what you need.

The Team Owner can add and remove Team Members at any time, and the ownership of the Team can be transferred at any time.

Everybody is PRO.

The Team itself has all the PRO features on CodePen. That means the Team can do things like upload Assets, use views like Collab, Professor, Presentation, and Live View, and apply custom CSS to Posts, Profiles, and Embeds.

Beyond that, all members of the Team also become PRO. Even when they aren't using CodePen in the Team Context.

Screenshots of PRO features like Collab and Professor Mode
Some Teams using CodePen:

Example of Context Switching in User Menu

Team members can use CodePen as themselves as well.

Just because you are on a Team doesn't mean that you can only use CodePen as part of that Team. In fact, you can switch back and forth in and out of Team Context with a single click. No logging in and out.


Use CodePen to recruit and hire for your company.

Businesses use CodePen PRO Teams not only as a way to collaborate amongst themselves, but also as a way to show the world what they are up to. That's useful for recruiting! People want to be part of teams doing demonstrably cool things.

If you are actively hiring, you may find it useful to use CodePen to interview your potential candidates. We've heard from companies like Lyft, Square, Mobify, and Razorfish that do just that.

Collection of Pens Used for Interviewing

Who uses CodePen PRO Teams?

Here's some examples!

Some Teams using CodePen:

Any questions?

We're happy to answer any questions you might have.

We're also happy to try and accommodate any special needs your Team might have. For example, we know that some organizations need to pay for things via purchase order with special terms. We'll do our best to accommodate things like that.

Email us! support@codepen.io

Get started with Teams 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
  • Debug View (no log in)
  • 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
  • Debug View (no log in)
  • 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
  • Debug View (no log in)
  • 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
  • PRO badge
  • 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 10Projects
    (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