diff --git a/src/hooks/useViewport.ts b/src/hooks/useViewport.ts
new file mode 100644
index 00000000..3575b8bf
--- /dev/null
+++ b/src/hooks/useViewport.ts
@@ -0,0 +1,16 @@
+import { useStore } from '../store';
+import { Viewport, ReactFlowState } from '../types';
+
+const viewportSelector = (state: ReactFlowState) => ({
+  x: state.transform[0],
+  y: state.transform[1],
+  zoom: state.transform[2],
+});
+
+function useViewport(): Viewport {
+  const viewport = useStore(viewportSelector);
+
+  return viewport;
+}
+
+export default useViewport;