CodePen 2.0 launches multi-file editor and hosting
CodePen co-founder Chris Coyier announced the release of CodePen 2.0, describing the rebuild as one of the largest milestones in his career. The update moves CodePen beyond its original three-pane snippet editor to provide a full multi-file directory structure, built-in `package.json` npm dependency management, real-time multiplayer collaboration, custom workflow Blocks (such as MJML for email drafting), and one-click site deployment directly from the editor to `*.codepen.app` subdomains.
CodePen 2.0 successfully modernizes the classic web playground into a full cloud IDE while preserving the low-friction spirit that made the platform famous.
- –Replaces legacy snippet panes with a full file and folder project workspace.
- –Real-time multiplayer collaboration enables seamless pair programming, live streaming demos, and shared Live View previews.
- –Native `package.json` management simplifies adding npm packages without hunting for CDN URLs.
- –Built-in deployment turns CodePen into an instant hosting platform for micro-sites and component libraries.
- –Extensible Blocks architecture allows specialized language compilers like MJML to run natively inside Pens.
DISCOVERED
1h ago
2026-07-30
PUBLISHED
4h ago
2026-07-30
RELEVANCE
AUTHOR
robin_reala