CSS drawings with only one HTML element.
CSS HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
_images add grunt Jan 23, 2018
_pug add back cube Apr 16, 2018
_styl add back cube Apr 16, 2018
.gitignore add grunt Jan 23, 2018
CNAME Create CNAME Jun 24, 2014
Gruntfile.js add redirect Jan 23, 2018
README.md Update README.md Jan 23, 2018
_redirects add redirect Jan 23, 2018
package.json add grunt Jan 23, 2018


A Single Div


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 codepen.io or your own site! Tweet at me if you do!