Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time
January 22, 2018 20:17
October 31, 2023 07:35
October 31, 2023 07:35
January 22, 2018 20:17
June 24, 2014 08:09
October 22, 2023 11:31
October 25, 2019 20:07
March 3, 2019 18:58
November 22, 2018 10:14

A Single Div


npm i
npm start


This is a fun, little project to see how much can be accomplished with CSS. Every drawing consists of a single HTML element (in this case, the beloved div).

But, but!

Yes, this isn't super practical.

Yes, SVG is an easier and better medium for illustrations.

Yes, browser support is not broad.

Yes, it is super fun to do this anyway. ;)

Project Details

This project uses a combination of Pug for templating and Stylus for CSS preprocessing.


Copy paste as much as you'd like, edit it, experiment. If you reuse a significant portion of CSS or full drawings, credit would be appreciated! Thanks!


I'm currently not taking any outside contributions. I encourage you to share your single divs on or your own site! Tweet at me if you do!