Responsive Design Simulator

The responsive design simulator serves one purpose: to help designers, and audiences, visualize their responsive sites on popular devices. Simply type in the URL for your site and view the scrollable simulations below. Keep in mind, this is not a replacement for actual mobile testing as the mobile browsers can render CSS and HTML uniquely.

This site is intended to be viewed on a desktop computer. The renders below will not be the appropriate size on mobile devices.

Pro Tip: type a url such as http://responsivedesignsimulator.com?yoursite.com in your browser's address bar to quickly preview your site in an instant. Great for showing clients their sites!

iPhone5

Retina iPad - Portrait

Retina iPad - Landscape

Desktop