What it is
CodePen is a browser-based editor for HTML, CSS and JavaScript where you build pens and share them. Public pens and basic editing are free.
Who it's for: Front-end developers and designers
Key features
- Live HTML, CSS and JS editor
- Shareable pens and embeds
- Community gallery
Free access & limitations
Creating and sharing public pens is free; PRO adds private pens and extra features.
Registration
Required
Pros
- Instant preview while coding
- Great for sharing demos
Cons
- Private pens require PRO
Use cases
Prototyping UI ideasSharing code snippets
Related websites
Free plan available
Code hosting and collaboration.
Free plan available
DevOps platform with Git hosting and CI.
Completely free
Question and answer site for programmers.