Type a prompt into a floating composer that grows symmetrically as lines wrap and inline source chips land

What the source does

A white rounded composer floats over a dark shot of hands typing, with a plus circle to its left and a black send circle inside its right edge. Text types on at 34 px; the bubble starts two lines tall and each time the text wraps (local ~28, ~60, ~84) the bubble grows about 50 px, expanding equally up and down so the plus and send controls stay on its vertical centre. Coloured inline chips (small icon square plus tinted word) land at ~28, ~40 and ~52 between typed words. Typing completes at ~109 and the five-line bubble holds.

Auto-growing composer: a centred bubble that re-sizes in steps as typed text wraps, with inline chip insertions interrupting the character type-on.

Phase notes

1. Frame 0 — Two-line bubble, first line typing
2. Frame 28 — First chip lands; bubble grows to three lines
3. Frame 40 — Second chip
4. Frame 52 — Third chip
5. Frame 60 — Fourth line types; bubble grows
6. Frame 84 — Fifth line types; bubble grows
7. Frame 109 — Prompt complete, hold

Use this example

1. Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
2. Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
3. Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
4. Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.

Recorded limits

• Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.
• Both variants rerendered after correcting unrevealed whitespace and the caret’s active line.

Inspect the original verification record ↗