CodePen是检验和展示用户创建的HTML，CSS和JavaScript代码片段的在线社区。它用作在线代码编辑器和开源学习环境，开发人员可以在其中创建称为“笔”的代码片段并对其进行测试。它是由全栈的开发人员亚历克斯和Tim Sabat和前端设计师克里斯Coyier成立于2012年。
CodePen 是一个完全免费的前端代码托管服务。与 GitHub Pages 相比，它最重要的优势有：
即时预览。你甚至可以本地修改并即时预览别人的作品。支持多种主流预处理器。你从不需要手写生产级别的代码，无论是 Jade、LESS、Sass，还是 CoffeeScript、es6+（Babel），都能尽情使用。快速添加外部资源文件。只需在输入框里输入库名，CodePen 就会从 cdnjs 上寻找匹配的 css 或 js 库。免费用户支持创建三个模板，不是每个作品都需要从白板开始。优秀的外嵌体验，且支持 oEmbed。在 WordPress 或 Reddit 等支持 oEmbed 的平台上，只要简单地把链接贴入编辑框，发布后会自动转为嵌入作品。例如：当然，它不是 Git，不能记录提交历史。不过有 fork 功能，通常出于 “备份他人优秀作品，防止未来该作品消失了或者变了样子” 的目的而使用。
