Your Team, on CodePen
CodePen PRO Teams are for working together. You share everything, like all your Pens, Collections, and Assets (and billing!). But everyone still gets to keep their personal accounts too, and you can easily switch between them.
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.
Combined Billing
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. The Team Owner can add and remove Team Members at any time.
Everybody is PRO
Every team member also gets PRO benefits.
The Team itself has all the PRO features on CodePen. Beyond that, all members of the Team also become PRO. Even when they aren't using CodePen in the Team Context.
Context Switching
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. You can switch back and forth in and out of Team Context with a single click. No logging in and out.
Recruitment and Interviews
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 tointerview your potential candidates. We’ve heard from companies like Lyft, Square, Mobify, and Razorfish that do just that.
Who uses CodePen PRO Teams?
Here's some examples!
- Big businesses likeMicrosoft orUserVoice
- Front end and design teams within larger companies, like theNetflix UI Team orAdobe Web Engineering.
- Startups likeCode School
- Agencies likeThe Uprising Creativeor Sparkbox.
- Web products likeamCharts orAngular Material
- Political organizations likeHillary for America.
- Community Meetups likeCodePen NYC
- Us!
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
Your Next Online Code Editor
Starter
Billed at $96/year.
Saving $48 over monthly.
- Privacy Controls
- 50 files per Pen
- Upload 5 MB media files
- 2 GB Asset hosting
- Invite 5 Collaborators
- No ads
Developer
Billed at $144/year.
Saving $84 over monthly.
- Privacy Controls
- 150 files per Pen
- Upload 10 MB media files
- 10 GB Asset hosting
- Invite 10 Collaborators
- No ads
Super
Billed at $312/year.
Saving $156 over monthly.
- Privacy Controls
- 300 files per Pen
- Upload 15 MB media files
- 20 GB Asset hosting
- Invite 15 Collaborators
- No ads
Free | ||||
|---|---|---|---|---|
Pens | Unlimited | Unlimited | Unlimited | Unlimited |
Private Pens | ||||
Files Per Pen | 3 | 50 | 150 | 300 |
Max Media File Size | 5 MB | 10 MB | 15 MB | |
Live View | ||||
Collaborators | 5 | 10 | 15 | |
Deployed Pens | Unlimited | Unlimited | Unlimited | |
Custom Domains for Deployed Pens | 5 | 10 | 25 | |
Custom Embed Themes | Unlimited | Unlimited | Unlimited | |
Collections | Unlimited | Unlimited | Unlimited | Unlimited |
Private Collections | ||||
Asset Hosting | ||||
| Total Storage | 2 GB | 10 GB | 20 GB | |
| Max File Size | 5 MB | 10 MB | 15 MB | |
| No Ads | ||||
Are there limits to how much I can create on CodePen?
You can create an unlimited number of Pens & Collections on CodePen.
How do private Pens and Collections work?
By default the Pens and Collections you create on CodePen are public. They show up in your public profile and live a public and social life — other users can heart them, find them in searches, and comment on them.
PRO members can create private Pens and Collections. Your private content is hidden from your CodePen profile and from search on CodePen, only seen by you and anyone you share the private link with.
What is Asset Hosting?
CodePen PRO accounts offer asset hosting, where you can upload files directly to CodePen to use in the Pens that you build. Images, styles, scripts, even audio and video for you to use in your demos. Rather than the awkward steps of finding somewhere else to host those files, you can now just drag a file right onto CodePen to upload it. We’ll host it for you, and you can use it anywhere you like with HTTPS, caching, and CORS support.
What are your accepted payment methods?
CodePen accepts credit cards, PayPal, and other forms of payment you may see on the checkout form depending on the capabilities of your device, like Apple Pay, Google Pay, or Microsoft Pay.
Custom invoicing and payment methods are possible on enterprise accounts.
Where can I find my receipts?
If you've ever paid for a PRO account, you'll see your billing history and receipts on the billing page in settings.
How do I change plans and what happens?
You can change PRO plans anytime on the PRO Plan Signup page. New plans will be effective immediately. Moving up plans will be pro-rated accordingly.
How do Team Accounts work?
Teams allow for shared work and shared billing. Team Owners are able invite others to the team, including other admins. All Team Members have Developer PRO access. You can switch back and forth between your Team and Individual plans anytime instantly.
Teams are billed by the number of PRO seats. You can have Team members that do not have PRO access, but can still be an admin. For example, for a billing department member who needs that access but otherwise doesn't use CodePen.
How do I add and remove Team members?
Each Team you're on has an Accounts & Members area in Settings where you can manage the Team roster, as long as you're an admin or owner of the Team.
Do you have enterprise plans & pricing?
Enterprise plans are Team accounts that require custom agreements and paperwork. Contact us with your requirements. If your company does not require anything custom, feel free to use a regular self-serve Team account.
We do not offer a self-hosted version of CodePen.
What happens if my payment method fails?
If your monthly or yearly rebilling fails, you'll receive a series of 3 emails letting you know and allowing you to take action.
How do I cancel my PRO membership?
You can adjust your PRO plan or cancel it on the account area of settings. You can also cancel by deleting your account.
What happens after you cancel PRO (downgrade to a free account) is detailed here.
