Pure CSS phones and tablets
CSS HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.


See the demo here


In order to use a device, include devices.min.css at the top of your document and then go back to the demo and select the combination you want, and simply copy out the generated HTML. That's it!

This will give you the device you selected, just like we use on Marvel. Use them, tweak them and improve however you want! Also sign up for Marvel if you haven't already because it's pretty good