CSS Skeleton Screen Generator

This generator will allow you to create quick and easy pure css skeleton screen code. Simply create your design below and copy the css and html in the code pane in the bottom right hand corner.
The benefit of this generator is that there is no markup whatsoever to create the shapes as we purely rely upon the css :empty selector to create linear and radial gradients to create the shapes we want.

You may also select one of the pre-made templates as well and still modify those as you see fit.

I've recently made a lot of additional features such as vertical alignment and calc. Please be aware this is an on-going mini project of mine and although there are still a few bugs there is enough here to accomplish most skeleton screen designs.