Develop

Gaze Canvas Quick Action

Updated: Aug 20, 2026

Interaction SDK provides a Gaze Canvas quick action utility, available at GameObject > Interaction SDK > Add Gaze Interaction to Canvas and from the right-click menu in the Hierarchy panel, to automate setting up a UI to work with eye tracking and hands.

This simplifies the process of creating UIs that work with eye tracking and hands. In this guide, you’ll learn how to use the quick action utility to make UIs work with eye tracking and hands.

How does the Gaze Canvas Quick Action work?

Right-click a Canvas in the Hierarchy panel and select Interaction SDK > Add Gaze Interaction to Canvas. The same item sits at GameObject > Interaction SDK > Add Gaze Interaction to Canvas in the main menu bar. A wizard appears that contains the settings and required component options described in the following sections. Once configured, select Create and the quick action creates all necessary components and wires everything up to produce a gaze-castable UI.

Diagram of the Gaze Canvas quick action flow. Selecting a World Space Canvas and invoking GameObject > Interaction SDK > Add Gaze Interaction to Canvas opens the Gaze Canvas Wizard, and selecting Create wires up ISDK_GazeCanvasInteraction, ConecastableCanvas, and the gaze interactors on the rig.

The Gaze Canvas Wizard showing the Target Object field, the three settings, the Canvas required component, and the Create button.

The quick action collects the components it creates on a child GameObject named ISDK_GazeCanvasInteraction.

Hierarchy panel after Create, showing the ISDK_GazeCanvasInteraction child GameObject under the CanvasRoot of GazeQuickActionCanvas.

Settings

Setting	Description
Add Required Interactor(s)	The device types that gaze interactors are added for, if they are not already present. The options are Add To Hands, Add To Controllers, and Add To Controllers Driven Hands. An option appears only when the scene contains a rig that can accept it. Add To Hands is selected by default.
Enable Ray Fallback	Enables a fallback path to ray interaction, so the user can still interact with the Canvas by casting a ray from their hands when gaze tracking is unavailable. Enabled by default. When enabled and the Canvas has no ray interactable, the quick action also runs the Ray Canvas quick action to create one.
Conecast on Child Canvases	Makes Canvases that are children of the selected Canvas conecastable as well. Enabled by default.

Required Components

A gaze interaction requires the following component to be present on the UI:

a Canvas component representing the UI to send gaze events to. The wizard fills this field in for you and reports an error if the Canvas is not set to World Space render mode. Select Fix to switch it.

The Gaze Canvas Wizard reporting that the provided canvas must be in World space, with the Fix button highlighted and Create disabled.

The wizard also warns when the scene has no PointableCanvasModule. Selecting Fix adds one to the scene’s EventSystem object, or creates an object that carries both. PointableCanvasModule is a scene-level singleton, so it does not go on the Canvas.

Learn more

Learn how to Creating Gaze-able UIs.
To learn how gaze targets Canvas elements, see UI Interaction Using Gaze.
For an overview of the gaze components, see Gaze Interactions.

Design guidelines

User considerations

Designing for privacy: Help users feel safe and build trust with privacy design.
Localization: Learn about localization and translation.
Accessibility: Learn about accessibility and how to make your app accessible.

Hands

Hands design: Learn about design for using hands in your app.
Hands technology: Learn about the technology behind hands.
Design Principles: Learn about twenty principles for designing hand interactions.
Best Practices: Learn about applied practices for designing hand interactions.
Gesture Design: Learn about best practices for gesture design and pose and gesture detection.
Limitations & Mitigations: Learn about tracking limitations and design and code mitigations for hands.
Hands examples: Learn about hands interaction examples.
Hand representation: Learn about hand representation.