Beautifully presenting web pages and apps in context can really help draw in potential users. This typically consists of placing screenshots in browser windows, phones, etc and it usually done in Photoshop. Using CSS mockups are a great way to showcase your app design in modern and interactive way. If you are looking for solution to turn static mockup into interactive one, here are 25 Cool Pure CSS Device Mockups to demonstrate your user a real-life user interactions.

Photorealistic pure CSS mobile phone

Pen By Grzegorz Witczak

iPhone 6 mockup | CSS only

Pen By Havard Brynjulfsen

Iphone X saying Hello Dribbble CSS Only

Pen By Hossein Shabani

MacBook with scrolling screenshot animation on hover

Pen By Alex Raven

Pure CSS iPhone X Mockup

Pen By Adiel Hercules

Sublime Editor

Pen By Simon Goellner

Nexus 4 Pure CSS

Pen By Erhan Basa

Pure CSS watch animation

Pen By Grzegorz Witczak

Single Element Pure CSS MacBook Pro

Pen By Joshua Hibbert

Apple Mice

Pen By Josh Bader

Apple Keyboard in pure CSS.

Pen By Joey Anuff

Full CSS NES

Pen By Vincent Durand

Pure CSS Apple Watch

Pen By Vincent Durand

Computer Monitor and Laptop pure CSS

Pen By Will Paige

Nintendo Switch (Pure CSS)

Pen By Josh Bader

CSS Devices

Pen By Oliver Knoblich

CSS-only Weather App Concept

Pen By David Khourshid

Responsive Device Animation

Pen By Nicholas Petersen

Social App Menu

Pen By Matt Hoiland

Laptop made with just CSS one div

Pen By James Gillen

Polaroid Snap Realistic

Pen By William A. | Keyon

JS Interactive CSS3 3D screen mock-up

Pen By Matt Smith

Pull Menu – Menu Interaction Concept

Pen By Fabrizio Bianchi

Pure CSS Proportional iPhone XS & iPad Pro

Pen By Maxim Leyzerovich

Device Switcher

Pen By lloydwheeler