Keyboard
useHotkey·@tanstack/react-hotkeys — Mod+I fires an info toast
Cycle themeMod+Shift+T
Show info toastMod+I
Interaction
useBoundedVector — absolute trackNew·1-D pointer position
40idle
Click anywhere, drag, or focus + arrow keys.
useBoundedVector — relative knob·1-D pointer delta
64drag vertically
Relative delta from drag start — no jump on press. Arrow keys also step.
useBoundedVector — absolute pad·2-D pointer position
30, 70idle
Timing
useDebouncedValue·lags a changing value
Live
—
Debounced (400ms)
—
useDebouncedState·debounced setter, own state
Committed after pause
—
useDebounceWithCooldown·immediate if cooldown elapsed, else debounced
Clicks
0
Actual fires
0
First click fires immediately (cooldown elapsed), then rapid repeats collapse into one debounced fire — unless 1500ms passes, which resets the immediate path.
useCooldown·fires once after a fixed delay, then locks out
Fired count
0
useInterval·start/stop-able setInterval
0
Utility
useHasMounted·true only past hydration
SSR
useElementWidthNew·ResizeObserver on a ref
Drag the corner to resize.
0px
useIsMobileNew·live matchMedia verdict
Desktop viewport (≥ 768px)
useScreenshot·DOM node → PNG data URL
Capture me
Timeline-internal hooks (use-timeline-event-drag, use-timeline-keyboard, use-timeline-occurrence-drag, use-timeline-scroll, use-minimap-drag) are implementation details of the Timeline component — see /showcase/timeline instead of demoing them here.