CodePen

Unclaimed Editor reviewed

Social development environment

Prototyping IDE & Code Editors Browser DevTools

Visit Website

4.6(118 across the web)

FreemiumVisit Website

TL;DR - CodePen

Online code playground for HTML, CSS, and JavaScript starting at $8/month Pro
1.8M+ developer community with live preview, collaboration, and framework support
Professor mode for teaching with presentation mode to showcase work

Pricing: Free plan available

Best for: Growing teams

4.6/5 across review platforms

Pros & Cons

Pros

Free tier generous
Great community
Instant sharing

Cons

Limited for backend
No version control

Ratings Across the Web

4.6(118 reviews)

Ratings aggregated from independent review platforms. Learn more

Key Features

Code playgroundSocial codingEmbedsCollectionsAsset hostingCollaboration

Pricing Plans

Free

Starter

Unlimited pens
Public projects
Embed pens

Pro

$8/month

Annual

Private pens
Asset hosting
Collab mode

Calculate your cost View full pricing

What is CodePen?

Editorial review

CodePen is a social development environment for front-end designers and developers. Write HTML, CSS, and JavaScript in the browser with instant preview. Share pens with the community or embed in documentation. Collections organize related experiments. Challenges and community inspire creativity. The playground where front-end developers experiment, learn, and show off their CSS wizardry.