Reactions

Live reactions float up in a stream — hearts, likes, fire, laughs — swaying, popping in and fading out, like a live stream.

  • annotate/reactions
  • Annotate
  • social
  • Overlay with alpha
  • 5 s (2–30 s)
Live in your browser
Reactions at 16:9
0.00 / 5.00 s
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 annotate/reactions --out reactions.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("annotate/reactions"), { props: {}, out: "reactions.mov" });

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

Props

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

PropTypeDefaultTakes
kind
Reactions
choicemixedmixed | hearts | likes | fire | laughs | stars
x
Stream across (%)
number860 – 100
rate
Per second
number41 – 12
sizenumber8836 – 160
color
Colour
empty: the brand's colour
color——

Parts

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

PartWhat it is
streamthe reactions

Tags: annotation, reactions, hearts, likes, live, emoji, float

More in Annotate