# useInView
> Detect viewport entry from a Svelte store with useInView. Reactive boolean store, IntersectionObserver-backed, with optional once-latch.
**Source:** [https://motion.svelte.page/examples/use-in-view](https://motion.svelte.page/examples/use-in-view)
**Markdown mirror:** [https://motion.svelte.page/examples/use-in-view.md](https://motion.svelte.page/examples/use-in-view.md)
---
This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page.
## FIG-001: observing viewport.
`useInView(getter, options)` returns a reactive boolean reflecting whether the observed element is intersecting its root. Scroll the panel — the top card toggles on every entry, the bottom card latches once.
**Metadata:** tag: `HOOK` | pattern: `IntersectionObserver store`
### Notes
- The hook takes a getter for the element so it can resolve the binding after mount. Internally it wires up an `IntersectionObserver` on the resolved root and re-uses it across bindings.
- `once: true` latches: once the observer reports the element as visible, the store is pinned at `true` forever (well, until unmount). The bottom card uses this — useful for one-shot reveal animations.
- Without `once`, the store flips back to `false` when the element scrolls out. Combine with `whileInView` on motion elements when you want the animation tied directly to viewport — this hook is for non-motion logic.
### Source
#### Default.svelte
Source file: [src/lib/examples/use-in-view/demos/Default.svelte](https://github.com/humanspeak/svelte-motion/blob/main/docs/src/lib/examples/use-in-view/demos/Default.svelte)
```svelte