cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen


Email us anytime at support@codepen.io. You can find our brand assets here.

919 NW Bond St
Suite 203
Bend OR 97701
United States

👋 CodePen is a social development environment. At its heart, it allows you to write code in the browser, and see the results of it as you build. A useful and liberating tool for developers of any skill, and particularly empowering for people learning to code. We focus primarily on front-end languages like HTML, CSS, JavaScript, and preprocessing syntaxes that turn into those things.

We say social, because CodePen is a community. Most creations on CodePen are public and open source. They are living things that other people and the community can interact with, from a simple hearting, to leaving a comment, to forking and changing for their own needs.

People use CodePen for all sorts of things: prototyping new ideas, reduced test cases for bugs, sending clients things to look at, evaluating potential hires, to finding inspiration. People also use CodePen as a sort of resume and portfolio, showing off their best design and development work.

We're trying to make CodePen a happy and healthy place for front-end designers and developers and the people looking for them, while also being a damn fine place to code. ❤️

About alexvazquez

Alex Vazquez


Alex is a full stack developer. Alex does JavaScript development for CodePen, both front end and back, as well as Rails and just about everything else.

@alexquez on Twitter and @quezo on CodePen.

About timsabat

Tim Sabat


Tim is a full stack developer but with more focus on back end. He does a lot of the Rails work for CodePen. He is also our server master and keeps CodePen fast.

@timsabat on Twitter and @tsabat on CodePen.

About chriscoyier

Chris Coyier


Chris is a front-end developer and designer. He writes a bunch of HTML, CSS, and JavaScript and shakes the pom-poms for CodePen.

@chriscoyier on Twitter and @chriscoyier on CodePen.

About mariemosley

Marie Mosley

Marie wears a lot of hats. She is our podcast producer, documentation lead, customer support maestro, editor, and community manager.

Marie is @MMosley on Twitter and @mariemosley on CodePen.

About klarefrank

Klare Frank

Klare is a designer who codes in Seattle. She focuses on everything from design research to crafting interfaces and illustrations to playing around in SASS.

Klare is @klare on Twitter and @klare on CodePen.

About jakealbaugh

Jake Albaugh

Jake is full stack developer from Chicago. He's always experimenting with new and interesting ideas and is helping CodePen build new tools with a back end focus.

Jake is @jake_albaugh on Twitter and @jakealbaugh on CodePen.

About rachelsmith

Rachel Smith

Rachel is a full stack'er in Australia. Not only a creative and talented designer and developer, but a great technical writer and wonderful and encouraging CodePen community member.

Rachel is @rachsmithtweets on Twitter and @rachsmith on CodePen.