UI
Form
State
Router
Static
Server

ダークモードに切り替え

Get Started
Theming
i18n
Components
Hooks
Helpers
AI

ナビゲーションを開く

DOM操作

useClickAway
useHover
useResize
useScrollDirection
useScrollLock
useWindowResize
useWritingMode

状態・ストレージ

useClipboard
useControllableState

タイミング

useDebouncedTransition
useDeferredDebounce
useInterval
useTimeout

ユーティリティ

useBreakpoint
useClient
useDisclosure
useStep
useWindowSize

オブザーバー

useIntersectionObserver
useInView

k8ordo

Baselineに入った機能を、制限なく使うReactのライブラリ群。

パッケージ

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

UI

Get Started
Theming
i18n
Components
Hooks
Helpers
AIチャット
Generative UI
AIエージェント
Storybook

リソース

GitHub
npm

© 2026 k8o — MIT License

組版 — Noto Sans JP / M PLUS 2

Hooks

DOM操作

useClickAway
useHover
useResize
useScrollDirection
useScrollLock
useWindowResize
useWritingMode

状態・ストレージ

useClipboard
useControllableState

タイミング

useDebouncedTransition
useDeferredDebounce
useInterval
useTimeout

ユーティリティ

useBreakpoint
useClient
useDisclosure
useStep
useWindowSize

オブザーバー

useIntersectionObserver
useInView

useClient

クライアントで実行中かどうかを返すフック

インポート

使い方

基本的な使い方

戻り値

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>;