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

CodePen is a social development environment for front-end designers and developers. 👋

It’s the best place to build and deploy a website, show off your work, build test cases, and find inspiration.

Sign Up Learn More

This is CodePen Projects!

Projects screenshot

Picked Pens

View More Pens

Picked Projects

View More Projects

Made in webflow.com

Tempt Homer Simpson with a doughnut.

Took about 30 minutes and Built Homer Simpson with a few div blocks, css and then added some mouse movement interactions.

A challenge for pen creators: after you code a Pen or a Project, pick one part of the code you can explain and write a post about it.

Picked Posts

View More Posts

Draw with loops

In here I will document some methods for time-based drawing using simple loops

Before getting into the details, I'll start by going through a basic canvas setup that will give me some of the...

Picked Collections

View More Collections

6 Pens

Sass Mixins for Buttons/Links

A collection of Sass mixins for buttons and links that could be used easily in any project.

36 Pens

Awesome Navigation

A collection of pens that feature cool navigation elements

59 Pens

CodePen Challenge #3: Favorite Google Font Pairs

Entries to the third Tuts+ Web Design community challenge run through CodePen. Read more and see our favorites!