https://github.com/marvelapp/devices.css

Pure CSS phones and tablets
https://github.com/marvelapp/devices.css

Last synced: 22 days ago
JSON representation

Pure CSS phones and tablets

• Host: GitHub
• URL: https://github.com/marvelapp/devices.css
• Owner: marvelapp
• License: mit
• Created: 2014-03-23T20:01:17.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2023-01-10T21:59:59.000Z (over 1 year ago)
• Last Synced: 2024-04-14T12:31:58.337Z (2 months ago)
• Language: CSS
• Size: 203 KB
• Stars: 3,939
• Watchers: 89
• Forks: 610
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-stars - marvelapp/devices.css - Pure CSS phones and tablets (CSS)
• awesome-css-only - Devices.css - Pure CSS phones and tablets. (Uncategorized / Uncategorized)
• awesome-stars - devices.css
• awesome - marvelapp/devices.css - Pure CSS phones and tablets (CSS)
• awesome-stars - devices.css
• awesome - marvelapp/devices.css - Pure CSS phones and tablets (CSS)
• awesome-stars - marvelapp/devices.css - Pure CSS phones and tablets (CSS)
• docsify-awesome-stars - marvelapp/devices.css - Pure CSS phones and tablets (CSS)
• awesome - marvelapp/devices.css - Pure CSS phones and tablets (CSS)
• awesome-stars - devices.css - Pure CSS phones and tablets (CSS)
• awesome - marvelapp/devices.css
• awesome-stars - marvelapp/devices.css - `★3940` Pure CSS phones and tablets (CSS)

README

        
See the demo [here](http://marvelapp.github.io/devices.css/)

# Usage

In order to use a device, include devices.min.css at the top of your document and then go back to the [demo](http://marvelapp.github.io/devices.css/) 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](http://marvelapp.com) if you haven't already because it's pretty good