# useWindowSize

> useWindowSize is a custom React hook that tracks the current dimensions of the browser window (width and height) in real time. It listens for the resize event and updates whenever the window size changes. This is particularly useful for responsive UI adjustments, conditional rendering based on viewport width, or dynamic layout calculations.

- Author: [Akshay](https://21st.dev/@axai-kaizoku)
- License: unknown
- Live preview: https://21st.dev/@axai-kaizoku/components/use-window-size

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/axai-kaizoku/use-window-size?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt