react-browser-hooks React component

Usage no npm install needed!

<script type="module">
  import nearformReactBrowserHooks from 'https://cdn.skypack.dev/@nearform/react-browser-hooks';



React Browser Hooks

CircleCI NPM version Coverage Status Netlify Status BrowserStack Status

A simple utility library that provides custom hooks for some common browser events.



npm install @nearform/react-browser-hooks

Documentation & Demo

You can find documentation and demo on https://react-browser-hooks.netlify.com/

Example Usage

E.g. The FullScreen hook:

import { useFullScreen } from '@nearform/react-browser-hooks'

const fs = useFullScreen()
<button onClick={fs.toggle}>{fs.fullScreen ? 'Close' : 'Open'}</button>

Server-side rendering

Sensible defaults are provided to allow each hook to be safely used when rendering on the server.


Copyright 2019 NearForm

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at


Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.


We use BrowserStack to support as many browsers and devices as possible