
CodePen
Developer tools · codepen.io
Free plan · paid from $8/mobilled yearly
Report incorrect informationFront-end designers and developers use CodePen, a browser-based social code editor, to write HTML, CSS and JavaScript, preview the result live and share it as a Pen. It also supports preprocessors, hosts assets and lets paying members deploy pens, and many people use it as a portfolio.
Facts at a glance
| Fact | Value | Source |
|---|---|---|
| Free plan | Freemium: a free plan exists | codepen.io/pricing, checked 5 Nov 2026 |
| Starting price | $8/mo · billed yearly | codepen.io/pricing, checked 5 Nov 2026 |
| Platforms | Web | codepen.io, checked 5 Nov 2026 |
Pricing & plans
Pricing
Free plan · paid from $8/mo
USD, billed yearly
Model
Freemium
Free plan available
Price tiers
| Plan | Per month | Per year | Usage, as the vendor states it |
|---|---|---|---|
| Free | Free | Unlimited public Pens and 3 files per Pen | |
| Starter | $96/yr | 50 files per Pen, 2 GB asset hosting, 5 collaborators | |
| Developer | $144/yr | 150 files per Pen, 25 GB asset hosting, 10 collaborators | |
| Super | $312/yr | 300 files per Pen, 50 GB asset hosting, 15 collaborators |
Prices are the vendor's list prices in USD.
3 files per Pen
Private Pens and Collections need a PRO plan
API access: 100 requests per hour
API access: 1,000 reads and 3 creations per day
Source: codepen.io/pricing, checked 5 Nov 2026
Features & platforms
Online editor with live preview for HTML, CSS and JavaScript
HTML and CSS preprocessor support
Collections for grouping Pens
Asset hosting for images, styles and scripts
Private Pens and Collections on PRO
Collab mode and Professor mode on PRO
Embeds and API access
- Web
Sources: codepen.io/about, blog.codepen.io/documentation, codepen.io/pricing, codepen.io, checked 5 Nov 2026
Alternatives
Personal plan is free and includes unlimited public projects and GitHub repositories.
PRO membership removes advertising from the editor and from listings, and adds private fiddles.
Static sites publish free on a Playcode address, while paid plans add own domains and backends.
Sources: stackblitz.com/pricing, jsfiddle.net, playcode.io/pricing
Also in Developer tools on Tools.us.org: Bare Bones Software, Beanstalk, Bolt.new, Bootstrap, Cronitor, Cursor, Devin, Docker, Draftbit, FastComments, GitHub, Godot, Honeybadger, Hoppscotch, Jam, Kaleidoscope, Lovable, Marked 2, Nova, Pkl, PopSQL, Postman, Replit, Retool, Stack Overflow, StatusCast, StatusGator, Tailwind CSS, Temporal, Thunkable, Tuple, v0, Visual Studio Code, Windsurf
Sources and dates
- Plan facts: codepen.io/pricing, checked 5 Nov 2026
- Official site: codepen.io
Report incorrect information
Seen a wrong price, rating or link on this page? Tell us and we check it against the official source.
Comments
Reader comments. We read every comment before it shows here.
Thanks, your comment shows after review.
Comments are closed for now.