CodePen

CodePen is ranked #10 of 136 in coding playgrounds on Freedom251, made by CodePen (Bend, Oregon, United States). It runs on API, Web. There is a free plan. Paid plans start at $8/mo.

CodePen plans and pricing

All plans

Free Free Unlimited Public Pens · 3 files per Pen codepen.io · 30 Sept 2026

Starter $8/mo Billed at $96/year. 50 files per Pen · 5 MB media files · 2 GB asset hosting · 5 collaborators · Privacy Controls · No ads codepen.io · 30 Sept 2026

Developer $12/mo Billed at $144/year. 150 files per Pen · 20 MB media files · 25 GB asset hosting · 10 collaborators · Privacy Controls · No ads codepen.io · 30 Sept 2026

Super $26/mo Billed at $312/year. 300 files per Pen · 30 MB media files · 50 GB asset hosting · 15 collaborators · Privacy Controls · No ads codepen.io · 30 Sept 2026

Compared on coding playgrounds

Free plan: Yes
Runtime scope: frontend
Real-time collaboration: Yes
Private projects: Yes
Public sharing: Yes
Custom domains: Yes
Deployment support: Yes

Best CodePen alternatives

See all 12

Replit Free plan AndroidiOSLinuxMacWeb

$18/mo8.4 GitHub Codespaces Free plan AndroidapiextensioniOSLinux

$0.07/mo8.2 Playcode Free plan AndroidiOSLinuxMacWeb

$25/mo8.1 CodeSandbox WebiOS

8.0 Firebase Studio AndroidWeb

8.0 JupyterLab Free plan LinuxMacself-hostedWeb

Free8.0

CodePen

Purpose: CodePen is a social development environment for front-end designers and developers to build, test, deploy, share, and discover front-end code.
Browser editor: Pens let users write HTML, CSS, and JavaScript with a real-time preview in the browser.
Preprocessors: CodePen supports HTML preprocessors including Markdown, Haml, Slim, and Pug, and CSS preprocessors including Sass, Less, Stylus, and PostCSS.
CodePen 2.0: The CodePen 2.0 editor supports automatic preprocessing, live previews, file systems, version history, collaboration, and one-click Pen deployment.
Integrations: Users can add external CSS and JavaScript resources, use other Pens as resources, and search for JavaScript and CSS libraries from CDNjs.
npm packages: CodePen's compiler can process bare npm package imports with import maps, and package search is powered by the jsDelivr API.
Embeds and API: Pens can be embedded on other websites, and CodePen documents a basic REST API, POST-to-prefill, oEmbed, and prefill embeds.
Team collaboration: Teams share Pens, Collections, Assets, and billing, and team members get PRO features and can edit Team Pens together.
Public content: Pens and Projects are public by default, and the privacy policy says public Pens and Projects are automatically licensed under MIT.
Private content: PRO private Pens and Collections are hidden from public search and profiles, but anyone with the unguessable shared URL can view them without logging in; CodePen says this is not enterprise-level security.
Security: CodePen says it uses security processes, firewalls, and generally available security technologies, and states that it cannot guarantee data security from intrusion or unauthorized release.
Support: CodePen directs users to its documentation and an online support form, and lists [email protected] as a contact address.
Self-hosting limit: CodePen states that it does not offer a self-hosted version.
Intended users: CodePen describes itself as useful for developers of any skill and particularly empowering for people learning to code, as well as for prototyping, debugging, client review, hiring, and portfolios.
Price from: $8/mo

Visit site Alternatives

Where it ranks on Freedom251

Best Coding Playgrounds in 2026#10 of 136
Best Code Playground Software in 2026#8 of 57

Is CodePen yours?

Claim it for free: prove the domain, then correct facts, plans and screenshots. An editor reviews every change.

Claim it free Promote CodePen

Sources

codepen.io/features· checked 30 Sept 2026
blog.codepen.io/2026/07/23/two-point-oh/· checked 30 Sept 2026
blog.codepen.io/documentation/adding-external-resources· checked 30 Sept 2026
blog.codepen.io/docs/pens/packages/· checked 30 Sept 2026
blog.codepen.io/docs/· checked 30 Sept 2026
codepen.io/features/teams· checked 30 Sept 2026
blog.codepen.io/legal/privacy-policy/· checked 30 Sept 2026
codepen.io/features/privacy· checked 30 Sept 2026
codepen.io/support· checked 30 Sept 2026
codepen.io/pricing· checked 30 Sept 2026
codepen.io/about· checked 30 Sept 2026
codepen.io· checked 28 Sept 2026