Orvain UI

AI tools

AI tool blocks are the parts of an AI feature that sit around the answer: the web pages it read, the tools it called, the context it used, the memory it kept and what the reply cost.

Get Pro to installPro14 blocksReact, Vue and Figma
MCPConnect the MCP server
SitesOrvainHome

A blank page.
Tell Orvain what goes on it.

Describe it below, or start from a suggestion. Every section lands here as it is built, and you can point at anything to change it.

/to writeCtrl↵to build
Building from the launch brief and the Orvain kit

Every block in the set#

AI builder canvas

Building a page with a team of agents on a canvas, then pointing at a part to change it

AI code review

Reviewing an agent's code change hunk by hunk before it applies

Context window

Seeing what fills a chat's context and making room before it runs out

Answer feedback

Telling the assistant what was wrong with an answer

File parsing

Reading a document into fields and sending them where they go

Image generation

Making an image from a prompt and refining it in place

Memory panel

Showing what the assistant remembers about you, and letting you change it

Model usage

Picking a model and effort, and seeing what an answer used and cost

Smart recommendation

One suggestion at a time from what the data shows, with why and what it is worth

Run controls

Steering, pausing or stopping a long answer while it runs

Tool calls

Showing what an assistant did in other apps to get to its answer

Voice agent

Watching an AI phone agent handle a call, and stepping in when it needs you

Web search

An answer from the web with its sources, and a way to correct it

Writing assistant

Drafting a reply with the assistant and shaping it before you send it

When to use#

  • An assistant that acts through other apps, where each call and its result should be checkable.
  • Answers built from the web or from documents, where the sources decide whether the answer can be trusted.
  • Generation people refine rather than accept whole: a draft, an image, a page, a code change.
  • Usage that costs money or room, such as tokens, context or a budget, and that people choose how to spend.

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