CodePen

在线前端代码沙盒，支持 HTML、CSS、JavaScript 实时预览和社区分享，适合快速原型验证和片段调试。

CodePen 支持实时预览、预处理器（SCSS、TypeScript、Babel）和可嵌入的代码片段。社区挑战和精选 Pens 每日展示创意前端作品。

前端开发者原型验证动画、CSS 布局和 UI 组件的工具。广泛用于分享可复现的 Bug 报告、教学 Web 概念和在博客中嵌入交互式示例。