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

21 Pens

svg animals

21 Pens

Tricks & tests

A collection of recuded test cases and little good-to-know tricks.

13 Pens


Responsive navigation patterns