react-fit-to-viewport

<div align="center"> <a href="https://react-fit-to-viewport.pomb.us/"> <img alt="demo" src="https://user-images.githubusercontent.com/1911623/91593713-0388ee00-e937-11ea-8aae-0f8983125318.gif" width="600" /> </a> <br/> </div>

Usage no npm install needed!

<script type="module">
  import reactFitToViewport from 'https://cdn.skypack.dev/react-fit-to-viewport';
</script>

README

react-fit-to-viewport

Automatically scales the content to fit it inside the viewport. It also works with server-side rendering.

$ yarn install react-fit-to-viewport
<FitToViewport width={800} height={600} minZoom={0} maxZoom={1}>
  {stuff}
</FitToViewport>