Sceneit NPM | npm.io

Sceneit: React Resolution Simulator

A React component that simulates a website or web application at a specific resolution.

*Note: Component or app may not simulate properly if vh or vw units are being used for styling

Installation

To install the Sceneit, you can use npm or yarn:

npm install sceneit

yarn add sceneit

Usage

To use the component, simply import it and render it with your website or web application as its child:

import React from 'react';
import { SceneitWrapper } from 'sceneit';

const App = () => {
  return (
    <SceneitWrapper width={2000} height={1000}>
      <div className='app'>Hello World</div>
    </SceneitWrapper>
  );
};

export default App;

The SceneitWrapper component takes a width and height prop, which specify the desired resolution to simulate. It also takes a children prop, which should be your website or web application.