# sanity-mobile-preview > An NPM package written in React used to preview mobile devices. Especially helpful when used in combination with a CMS like sanity. [![NPM](https://img.shields.io/npm/v/sanity-mobile-preview.svg)](https://www.npmjs.com/package/sanity-mobile-preview) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) [DEMO](https://jesperpaulsen.github.io/sanity-mobile-preview/) ![Demo picture](https://github.com/Jesperpaulsen/sanity-mobile-preview/blob/master/docs/Preview-demo.png?raw=true) ## Install ```bash npm install --save sanity-mobile-preview ``` ## Usage ```tsx import SanityMobilePreview from 'sanity-mobile-preview' import 'sanity-mobile-preview/dist/index.css?raw' const Example = () => { return } ``` ### How to set up preview with Sanity In order to set up mobile preview with Sanity, you first need to create a new view. For simplicity, we will copy the predefined preview from [IframePreview.js](https://github.com/sanity-io/sanity-template-gatsby-blog/blob/master/template/studio/src/previews/IframePreview.js) to a file called `IframeMobilePreview.js` Add imports: ```jsx import SanityMobilePreview from 'sanity-mobile-preview' import 'sanity-mobile-preview/dist/index.css?raw' ``` At line 47, replace ```tsx return (

Mobile preview

Warning

v2 install command (deprecated)

Useful links

Contributor

Jesper Paulsen