# Viewport-bound nodes

::references
  :::ref-example{link="/examples/area-extensions" title="Area extensions"}
  :::

  :::ref-github{link="https://github.com/retejs/area-plugin" title="Area plugin"}
  :::

  :::ref-example{link="/examples/panning-boundary" title="Panning boundary"}
  :::
::

This example illustrates the process of handling area coordinates, performing conversions between different coordinate systems, and harnessing a versatile event system to restrict node positions.

::pro-example{src="https://retejs-viewport-bound.netlify.app"}
::

Although this example was originally designed for React.js, the showcased feature is completely framework-agnostic. You can seamlessly integrate it into your application on a different stack by copying the feature module and connecting it into your editor.