cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - Activehtmlicon-personicon-teamoctocatpop-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


For this generator, instead of hardcoding arrays of possible haiku lines to mix and max, I decided to use the datamuse API to create haikus inspired by a word that the user picks. The haikus are sometimes accurate, mostly ridiculously nonsensical, and pretty much always hilarious AI speak.

Picked Posts

View More Posts

Picked Collections

View More Collections

13 Pens

CSS Hamburger Transitions

19 Pens

Javascript Learning

A collection of demos to help learn Javascript. As I travel on my learning path I am adding notes here. If you spot any misunderstandings please feel free to comment.