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.

Please ensure you leave a like / comment in the comment section at the bottom of this page.

Did you find this helpful?

If so, please leave a like or a comment. Your feedback helps me to improve this generator.