Get it on npm

Context menu

A right-click: the cursor arrives and clicks, a menu opens beside it with items and shortcuts, the cursor moves to one item — it lights up — and clicks it, and the menu closes. Places in % of the frame.

  • cursors/context-menu
  • Cursors
  • callout
  • Overlay with alpha
  • 4 s (2–20 s)
Style
Live in your browser
Context menu at 16:9
0.00 / 4.00 s
npx volito render cursors/context-menu --style studio --out context-menu.mov
Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop. The graphic is transparent; the grey stands in for your footage.

Render it

npx volito render cursors/context-menu --out context-menu.mov

That writes ProRes 4444 with alpha, ready to drop over footage. The same item in another shape, brand or format:

volito render cursors/context-menu --aspect 9:16 --style cobalt --out context-menu-9x16.mov
volito render cursors/context-menu --format mp4 --out context-menu.mp4
volito still cursors/context-menu --t 2 --out context-menu.png
volito info cursors/context-menu     # every prop and part
volito add cursors/context-menu      # copy its source into ./motion to edit

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("cursors/context-menu"), { props: {}, out: "context-menu.mov" });

Or ask an agent with the MCP server connected: “Render the Volito context menu (cursors/context-menu) in 9:16, in our brand.”

Props

Set each with --prop name=value, or all at once with --props and a JSON object.

PropTypeDefaultTakes
x
Click across (%)
number400 – 100
y
Click down (%)
number340 – 100
items
Items (Label: shortcut)
list{"label":"Cut","keys":"Cmd X"}; {"label":"Copy","keys":"Cmd C"}; {"label":"Duplicate","keys":"Cmd D"}; {"label":"Split at playhead","keys":"S"}; {"label":"Delete","keys":"Del"}—
pick
Chosen item
number41 – 8

Parts

Each part takes any move, ease or idle: --motion menu.in=pop.

PartWhat it is
menuthe cursor and menu

Tags: context menu, right click, menu, cursor, ui

More in Cursors

Agent cursor

An AI agent working a UI: its cursor glides to each target while its name tag types out the step, clicks with a ring, moves on, and ends with a check and the done line. Places in % of the frame.

Multiplayer cursors

Several people's cursors at once, each with a name tag in its own colour, drifting over the frame on their own paths and clicking now and then — a live, shared document.

Drag and drop

The cursor picks up a file card — it lifts, with a deeper shadow — carries it along a curve to a dashed drop zone that lights up as it arrives, lets go, and the zone confirms.

Text select

Selecting text: a paragraph on a card, an I-beam drags across a phrase as the highlight grows word by word, lets go, and a small toolbar pops over the selection with one action pressed.