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

CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.

About
CodePen

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

CodePen
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 timsabat

Tim Sabat

Co-Founder

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 alexvazquez

Alex Vazquez

Co-Founder

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 chriscoyier

Chris Coyier

Co-Founder

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 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.

About cassidywilliams

Cassidy Williams

Cassidy is a JavaScripting Seattleite. She dabbles with React and making fun CSS art on CodePen. She swears by vim and mechanical keyboards.

Cassidy is @cassidoo on Twitter and @cassidoo 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 stephenshaw

Stephen Shaw

Stephen is a designer/developer residing in Houston. He likes to build animations with CSS & JavaScript, often while co-hosting the collaborative coding livestream, @keyframers.

Stephen is @shshaw on Twitter and @shshaw on CodePen.