Pens

Pens are the core of CodePen. Pens are real websites built from the CodePen Editor, powered by a stack of Blocks, chosen by you. Blocks are things like site building frameworks, processors, linters, integrations, optimizers, and more.

You can customize the editor in many ways including the look (e.g. fonts, colors, positions, etc.) and the features (e.g. autocomplete, emmet, etc.)

Building Pens is also a collaborative experience. You can invite people to work on it with you, even in real time if you happen to both be working at the same time.

Full Docs →