Getting Started

App Provider global.d.ts Themes Types

cn(...args)Text Parser Units Converters

Anchor Avatar Breadcrumb Burger Button Card Carousel Checker Code Color Picker Command Confetti CopyButton Double Helix Words Floating Indicator Group Highlight Text Indicator Input Kbd Label Loader Pagination Password Requirement Polymorphic Slot Progress Prose Rating Running Area Scroll Area Sheets Skeleton Slider Stack Svg Table Tabs Textarea Timeline Times Toaster Tooltip Typing Words Typography

useClickOutside useClipboard useDeviceInfo useDialog useDidUpdate useDirection useDisclosure useDocumentTitle useDocumentVisibility useElementInfo useEyeDropper useFetch useFullscreen useGeoLocation useHotkeys useHover useId useImagePopup useInputState useIntersection useInterval useIsomorphicEffect useListState useLocalStorage useMeasureScrollbar useMediaQuery useMergedRef useMouse useMove useMutationObserver useNetwork useOpenState useOrientation useOS usePagination usePWAInstaller useRandomColors useReducedMotion useReload useResizeObserver useScrollIntoView useStateHistory useTimeout useTouch useTrigger useUncontrolled useValidatedState useViewportSize useWindowEvent useWindowScroll

useViewportSize

useValidatedState

State management with integrated validation and error handling.

Attaches and manages window-level event listeners.

Edit this page on GitHub

Started
Utilities
Configuration
Components
Hooks
Examples
Github
Contributing

⌘+J

© 2025 oeri rights MIT

Designed in Earth-616

Built by oeri

useViewportSize

Tracks the current viewport dimensions and updates on resize.

Source Codes

Full working code example, including necessary markup and styles. You can copy and paste this code directly to start using the component immediately.

use-viewport-size.ts