Orvain UI

Context Menus

A context menu is a panel of actions that belongs to the object you opened it on (a table row, a chat message, a node on a canvas) and appears where that object is rather than in the page chrome.

Get Pro to installPro9 blocksReact, Vue and Figma
MCPConnect the MCP server
Webhook · New orderTrigger

Every block in the set#

Add elements

Flow builders, node pickers, command panels: the plus under a flow opens one picker beside it

Add elements, lands in place

Flow builders where you want to see where a node goes before you add it

Add elements, drill-in

Node pickers that must work the same on a phone: one card that goes deeper instead of wider

Profile menu

User rows, team directories, avatar-triggered actions: every action on a person, from a right-click on their row

Profile menu, identity card

Account menus, status and presence, anything that says who you are before it lets you act

Profile menu, row unfolds

Team directories and member lists where a row opens into its own actions instead of a popup

Message menu

Chat threads, comment reactions, inline message actions: every action on a message, from a click or right-click on its bubble

Message menu, tapback

Chat threads where a reaction is one tap and the actions stay out of the way

Message menu, next step in place

Chat threads where a follow-up question (a reply, a report) belongs in the menu itself instead of a new surface

When to use#

  • A table or directory row needs per-record actions that would crowd the row if drawn inline
  • A canvas or flow builder where a click should offer what can be added at that point
  • A chat message needs reactions and replies without a permanent toolbar on every bubble
  • A destructive action needs to sit apart from the ordinary ones, below a separator

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.

Open in BlocksSee plans