nowfound

Life & fun · August 4, 2014

Devices.css

iOS, Android and other devices made in pure CSS

Devices.css launched on August 4, 2014 with 181 votes, #73 of 2,208 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 12 years on.

What it does

Pure CSS Mobile Devices Freebie from Marvel - all colours of Apple iPhone 8, iPhone 8 Plus, iPhone 5S, iPhone 5C, iPhone 4S, iPad Mini, Nexus 5, Galaxy S5, HTC One, Lumia 920, Macbook Pro, Samsung Note 8, iPhone X

We've created several minimal iPhone, Android, Lumia and iPad devices in pure CSS to showcase the prototypes our users make on Marvel . Made with love by Oleg . Update : Brand new iPhone X and Samsung Galaxy Note 8. Just include devices.min.css and grab the code below! To use this pure CSS iPhone X, download & include devices.min.css from Github , and paste the code below into your page. To use this pure CSS Galaxy Note 8, download & include devices.min.css from Github , and paste the code below into your page. To use this pure CSS iPhone 8, download & include devices.min.css from Github , and paste the code below into your page. To use this pure CSS iPhone 8 Plus, download & include…from marvelapp.github.io

Does a similar job

all alternatives →
  • Devices.css2017 · devicescss.xyz · ▲20

    Modern devices in pure CSS

  • Pure CSS Apple2015 · purecssapple.com · ▲7

    Apple devices in pure CSS

  • CSS Reference for iPhone, iPad2017 · apps.apple.com · ▲157

    A visual guide to CSS with illustrated + animated examples

  • Pure2014 · pure-css.github.io · ▲164

    Set of small, responsive CSS modules

  • System.css2022 · github.com · ▲116

    A design system for building retro Apple UIs

  • lx-devices.js2017 · github.com · ▲9

    IOS, Android and OSX device frames in one line of HTML

More life & fun this month

the category →

Source: Product Hunt launch ↗

Launched alongside, August 2014

the whole month →