Canvas Utility
Timeline-based UI animations and screen-stack navigation, previewed right in Edit Mode.
- Timeline inspector
- Edit Mode preview
- Fly · Fade · Scale · Rotate
- Screen-stack navigation
Unity 6000 or newer. uGUI. DOTween, the free version is enough.
Preview --: 1.1s / 1.1s
Your Unity UI just… pops in.
A standard uGUI setup toggles canvases on and off. One frame it is the menu, the next it is the game. Canvas Utility gives every screen an enter and an exit that you author on a timeline, then plays them whenever you navigate.
Without
The same tour with plain canvas toggles. Every screen just appears.
UI art in the showcase clips: Free Casual GUI by Skyden Games, a separate free download. It is not included in the package.
With Canvas Utility
The showcase scene's menu, settings, home and shop, each screen entering and leaving on its own timeline.
UI art in the showcase clips: Free Casual GUI by Skyden Games, a separate free download. It is not included in the package.
Four behaviours, every parameter on the timeline.
Each clip has a delay, a duration and an easing: choose from the preset list or draw your own AnimationCurve. Stack as many clips as you like on one element, on both the Enter and the Exit track.
Fly
Detects its direction from where the element sits on the canvas. Fly fully off-screen, by a percentage of that distance, or by a fixed number of units.
- Direction
- Offset mode
- Delay
- Duration
- Ease
Fade
Appear on enter, disappear on exit. The simplest clip, and the one most screens start with.
- Delay
- Duration
- Ease
Scale
Grow in, shrink out. Picking a zoom type fills in its off scale, and typing an off scale selects the matching zoom type.
- Zoom type
- Off scale
- Delay
- Duration
- Ease
Rotate
Spin in clockwise or anticlockwise, with the same delay, duration and easing controls as every other clip.
- Direction
- Delay
- Duration
- Ease
Scrub it in Edit Mode.
Play, pause, stop, or drag the playhead without ever entering Play Mode. Saving the scene or prefab mid-preview is safe: the preview is suspended for the save and restored afterwards, so preview state never reaches disk.
- Save-safe
- Undo and redo
- Scene-view highlight
- Validation warnings
The showcase main menu and its canvas inspector, scrubbed in Edit Mode: every element follows the playhead on the enter timeline, then on the exit timeline, frame for frame.
UI art in the showcase clips: Free Casual GUI by Skyden Games, a separate free download. It is not included in the package.
The rest of the editor tooling.
Multi-select, copy, paste
Copy clips onto other animation components, or paste values into a behaviour of the same type. Pasting a duplicate type offers to replace instead.
Sync Enter and Exit
Mirror the selected behaviours to the opposite track from the right-click menu.
Add a clip at a time
Right-click a row and the new behaviour's delay is set to the time you clicked.
Auto-scroll and extend
Drag a clip toward the edge and the timeline scrolls, then grows when it needs more room.
Floating edit popup
Stays open while you use the Object Selector, Color Picker, Gradient Picker or Curve Editor from one of its fields.
Base Canvas prefabs
Portrait and landscape canvases with a scaler preset, a SCREEN component and a background that fades in and out.
Safe area
CAUSafeAreaComponent anchors a RectTransform to Screen.safeArea, so content clears notches and rounded corners.
DOTween setup prompt
A guided setup window on first import, and a built-in coroutine fallback when DOTween is not configured.
Enter Play Mode Options
Works with domain reload disabled. Internal state resets automatically each Play session.
Event behaviour, experimental
A diamond marker that fires a UnityEvent when playback reaches it. Gated behind a scripting define until it ships.
Requirements and install.
Requirements
- Unity 6000 or newer, recommended.
- uGUI (com.unity.ugui).
- DOTween. The free version is sufficient.
Install
- Import the package. Files land under Assets/CanvasUtilityPackage.
- Run DOTween's setup, or let the prompt open it: Tools › Canvas Utility › Setup DOTween.
- Open Demo/Scenes/Demo.unity and press Play.
New in 1.1.0
- Base Canvas prefabs from GameObject › Canvas Utility › Base Canvas.
- CAUSafeAreaComponent for notches and rounded corners.
- Right-click Add places the clip at the clicked time.
- The clip edit popup is now a floating window that survives pickers.
- Instant open and close now report completion.
The full changelog ships inside the package.


