CSS Skeleton Screen Generator

Tutorial video

This generator will allow you to create quick and easy pure css skeleton screen code without Tailwind css - don't restrict yourself! 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.