npm package: @sdevs/screen-sizr
Description: This package is a simple screen size detector for NodeJS. You can get the screensize on your Frontend app with ease. We dont guarantee that this package will work in the Backend.
Latest version: 2.0.0

# Basic Information.

This package is a simple package that allows you to track the screensize / get the screensize of a device. (this package is made for web / frontend we do not guarantee that this package will work in backend)


## Choose Readme type.

<details>
  <summary style="font-size: 20px; font-weight: bold; cursor: pointer; background: opacity: 0.5; color: #fff; padding: 10px; border: 1px solid #fff; border-radius: 5px; margin-top: 10px;">
  📘 - React
  </summary>
  
  ## Get Started.
  
  ### Installation.

#### NPM
```bash
npm i @sdevs/screen-sizr
```

#### Yarn
```bash
yarn add @sdevs/screen-sizr
```


### Usage.

#### Importing.
```js
import ScreenSizr from '@sdevs/screen-sizr';
```

#### Getting the screensize (normal).
```js
import ScreenSizr from '@sdevs/screen-sizr';

const screensize = ScreenSizr.getScreenSize();
```

#### Getting the screensize (async).
```js
import ScreenSizr from '@sdevs/screen-sizr';

const screensize = await ScreenSizr.getScreenSizeAsync();
```

#### Getting the screensize (async / promise).
```js
import ScreenSizr from '@sdevs/screen-sizr';

ScreenSizr.getScreenSizeAsync().then(screensize => {
    console.log(screensize.width, screensize.height);
});
```

#### Getting the screensize (async / await).
```js
import ScreenSizr from '@sdevs/screen-sizr';

const screensize = await ScreenSizr.getScreenSizeAsync();
```

### Examples.

#### Example.
```js
import ScreenSizr from '@sdevs/screen-sizr';

const screensize = ScreenSizr.getScreenSize();

console.log(screensize.width, screensize.height);
```

#### Example (async).
```js
import ScreenSizr from '@sdevs/screen-sizr';

const screensize = await ScreenSizr.getScreenSizeAsync();

console.log(screensize.width, screensize.height);
```

#### Example (async / promise).
```js
import ScreenSizr from '@sdevs/screen-sizr';

ScreenSizr.getScreenSizeAsync().then(screensize => {
    console.log(screensize.width, screensize.height);
});
```
</details>

<div style="margin-top: 200px;" />

### License.

This package is licensed under the MIT License. See the [LICENSE](https://github.com/Stoneclane-Development/screen-sizr/blob/main/LICENSE) file for more information.

### Support.

If you need support, please join our [Discord Server](https://discord.gg/kUakk4DbhF) and ask your question in the [#support](https://discord.com/channels/1074756286496919612/1074961473882816542) channel.

### Issues.

If you have any issues, please open an issue on our [GitHub Repository](https://github.com/Stoneclane-Development/screen-sizr/issues).

### Developers.
<table>
   <tr>
      <td align="center"><a href="https://github.com/JanjyTapYT">
        <img src="https://github.com/JanjyTapYT.png?size=100" width="100px;" alt=""/>
        <br />
        <sub><b>JanjyTapYT</b></sub></a><br />
     </td>
      <td align="center"><a href="https://github.com/Stoneclane-Development">
        <img src="https://github.com/Stoneclane-Development.png?size=100" width="100px;" alt=""/>
        <br />
        <sub><b>Stoneclane Development</b></sub></a><br />
     </td>
   </tr>
</table>


--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<div align="center" style="font-size: 20px; font-weight: bold;">
  <sub>Developed with ❤️ by <a href="https://sdevs.org">Stoneclane Development</a></sub>
</div>