Press a permission button, shrink the sheet away, and land on a typing composer
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A centred permission card holds: small red icon and 'Health' label, a bold question, two grey sentences with a 'See Details' link, an outlined 'Deny' pill and two filled black pills (f0–34). At ~f35 the bottom 'Always allow' pill turns mid-grey as it is pressed. From ~f48 the whole card scales down and fades out; by f56 it is gone and a grey composer bubble appears upper-right with a purple send circle, then a question types on across two lines to f99.
A modal is dismissed by a button press state plus a scale-and-fade out, and the freed space is immediately reused by a caret-driven type-on in a chat composer.
Phase notes
- Frame 0 — Permission sheet holds
- Frame 35 — Bottom button turns grey (pressed)
- Frame 48 — Sheet scales down and fades
- Frame 56 — Composer bubble appears, typing begins
- Frame 99 — Question complete
Use this example
- Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
- Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
- Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
- Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.
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.