react-device-preview

React component to create CSS only preview of the device. The css is part of device.css

Install

$ npm i react-device-preview

Usage

import React, { Component } from 'react'
import ReactDevicePreview from 'react-device-preview'

class Something extends Component {
  render () {
    return (
      <div>
        <h1> iPhoneX </h1>

        <ReactDevicePreview
          device="iphonex"
          scale="0.6"
          >
          <h1> Hello World </h1>
        </ReactDevicePreview>

      </div>
    )
  }
}

Credits

https://github.com/bdryanovski/react-device-preview/