octocatstartv headernumbered-list123split-screen

CodePen is a playground for the front end web.

Show off your latest creation and get feedback. Build a test case for that pesky bug. Find example design patterns and inspiration for your projects.

Find out more Sign me up

Background by Rachel Smith

Picked Pens

View More Pens

Picked Posts

View More Posts

Picked Collections

View More Collections

79 Pens

CSS Drawings

A collection gathering not-so-semantic drawings made of pure CSS.

42 Pens

The Game of Life

Less than 2 or greater than 3 neighbors, die. 2 or 3 neighbors, remain alive. Exactly 3 neighbors, become alive.

6 Pens

Animated Optical Illusions CSS3

Amazing browser-based animated optical illusions made with CSS3.

Based on:

Animated Optical Illusion by Brusspuphttps://www.youtube.com/watch?v=zdW7PvGZ0uM...