UI
Form
State
Router
Static
Server

Switch to dark mode

Get Started
Theming
i18n
Components
Hooks
Helpers
AI

Open navigation

DOM Interaction

useClickAway
useHover
useResize
useScrollDirection
useScrollLock
useWindowResize
useWritingMode

State & Storage

useClipboard
useControllableState

Timing

useDebouncedTransition
useDeferredDebounce
useInterval
useTimeout

Utility

useBreakpoint
useClient
useDisclosure
useStep
useWindowSize

Observer

useIntersectionObserver
useInView

k8ordo

React libraries that use Baseline features without holding back.

Packages

@k8ordo/ui
@k8ordo/form
@k8ordo/state
@k8ordo/router
@k8ordo/static
@k8ordo/server

UI

Get Started
Theming
i18n
Components
Hooks
Helpers
AI Chat
Generative UI
AI Agents
Storybook

Resources

GitHub
npm

© 2026 k8o — MIT License

Typeset in Noto Sans JP & M PLUS 2

Hooks

DOM Interaction

useClickAway
useHover
useResize
useScrollDirection
useScrollLock
useWindowResize
useWritingMode

State & Storage

useClipboard
useControllableState

Timing

useDebouncedTransition
useDeferredDebounce
useInterval
useTimeout

Utility

useBreakpoint
useClient
useDisclosure
useStep
useWindowSize

Observer

useIntersectionObserver
useInView

useClient

A hook that returns whether the code is running on the client.

Import

Usage

Basic Usage

Return Value

isClient: Type: boolean; Default: -

Prop	Type	Default
`isClient`	`boolean`	-

import { useClient } from '@k8ordo/ui';

const isClient = useClient();

if (!isClient) {
  return <p>Loading...</p>;
}

return <p>Window width: {window.innerWidth}px</p>;