Poll Overlay
An audience poll whose bars travel out to their real shares.
SceneScenes
$ npx remotion-ui@latest add poll-overlayThe card opens, the options arrive one after another, the bars travel out to their shares while the percentages count up under them, and the leading answer takes the accent once everything has settled.
Pass raw votes rather than percentages — shares are computed against the other
options, so the numbers on screen always agree with the tallies you gave it. A
poll with no votes in yet falls back to even shares instead of dividing by zero.
There is no correct answer here; the winner is whichever option the votes gave
it. For a right-and-wrong reveal use quiz-question. Set holdSeconds to have
the card retreat, or leave it off to hold the result for the rest of the cut.
Transparent overlay scene designed to sit over footage. Unlike quiz-question there is no correct answer — the winner is whichever option the votes gave it.
Agent notes
Install first, then import the copied source component locally. AI guide →
@/remotion/scenes/poll-overlay- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: question, options, badge, align, plus copied source for timing, layout, colors, and typography.
- Rule: do not import this component from the
remotion-uinpm package; it is copied into your project.
Usage
import { PollOverlay } from "@/remotion/scenes/poll-overlay";
<PollOverlay
badge="Poll"
question="Which should we build next?"
options={[
{ label: "Timeline editor", votes: 412 },
{ label: "Batch renders", votes: 268 },
{ label: "Team presets", votes: 143 },
]}
totalLabel="823 votes · closes in 2m"
holdSeconds={4}
/>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| question* | string | - | The question the card asks. |
| options* | PollOption[] | - | Each option's label and raw vote tally. Shares are computed from the tallies. |
| badge | string | - | Small tag above the question — POLL, AUDIENCE, EP 12. |
| align | "left" | "right" | "center" | "left" | Edge the card sits against. |
| holdSeconds | number | - | Seconds the result holds before the card retreats. Omit to leave it up. |
| totalLabel | string | - | Total-vote line under the options. Omit to hide it. |
| accentColor | string | "#E8B86D" | Colour the leading option takes. |
| theme | "dark" | "light" | "dark" | Surface palette. |
| speed | number | 1 | Animation speed multiplier. |