k8ordo
  • UI
  • Form
  • State
  • Router
  • Static
  • Server
Switch to dark mode
  • Get Started
  • Theming
  • i18n
  • Components
  • Hooks
  • Helpers
  • AI
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

A catalog of custom hooks provided by k8ordo UI.

DOM Interaction

useClickAway

A hook that detects clicks outside a specified element.

useHover

A hook that detects hover state of an element.

useResize

A hook that observes element size changes via ResizeObserver.

useScrollDirection

A hook that detects the current scroll direction.

useScrollLock

A hook that locks and unlocks scroll on the body or a specified element.

useWindowResize

A hook that listens to window resize events.

useWritingMode

A hook that observes an element's writing-mode and returns either horizontal or vertical.

State & Storage

useClipboard

A hook that provides clipboard read/write operations.

useControllableState

A hook that manages controlled/uncontrolled component state.

Timing

useDebouncedTransition

A hook that runs an action after a delay using startTransition and AbortController.

useDeferredDebounce

A hook that wraps useDeferredValue and returns the value together with a pending flag.

useInterval

A hook that executes a callback at regular intervals.

useTimeout

A hook that executes a callback after a specified delay.

Utility

useBreakpoint

A hook that checks whether the viewport matches a given breakpoint.

useClient

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

useDisclosure

A hook for managing open/close state with open, close, and toggle actions.

useStep

A hook for step-based navigation with keyboard support.

useWindowSize

A hook that returns the current window dimensions.

Observer

useIntersectionObserver

A hook that observes element visibility via IntersectionObserver.

useInView

A hook that returns whether an element is currently visible in the viewport.