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
To install the Sceneit, you can use npm or yarn:
npm install sceneit
yarn add sceneit
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.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.