Skip to content

Components reference ​

ReelForge has 62 components. This page is generated from their schemas (packages/core/src/components/); each frame comes from the golden gallery episode (fixtures/golden/components/episode.yaml), rendered by the same engine as your videos. Props are strict: an unknown key is an error with a "did you mean" hint.

Every element also takes the common keys id, place, size, col, layer, z, enter, exit, states, fx and sfx (see the episode format). Keys named at and until are time expressions; color, accent and colors[] take a theme color name (lime, cyan, red, amber, violet, ink, dim) or a CSS color.

ComponentDefault sizeDefault enterLayerPurpose
title960×240risebaseBig display text; accent markup colors words with the accent color.
label640×60fadebaseSmall uppercase monospace label.
code960×520risebaseCode card with token colors that types itself.
node300×170popbaseBox with a title and a sub-status; status changes its color.
arrow200×40drawoverlayStraight, elbow or curved arrow with an optional label and moving packets.
chip340×84popbasePill/tag, optionally struck through.
stamp680×260stampoverlayRotated bordered word that slams in (×2, DEADLOCK).
table960×440popbaseHeader + rows with animated row inserts and highlights.
lanes960×760popbaseParallel columns of timed steps (race conditions).
checklist880×460popbaseItems with check boxes appearing in sequence.
counter820×320popbaseBig number counting between keyframe values.
meter880×180popbaseHorizontal bar (or a half-circle gauge with style: gauge) with an optional threshold marker.
timeline960×260popbaseAxis with markers at relative positions (backoff, TTL).
grid640×640popbaseN×M tiles with per-tile states (thread pool, shards, services).
bucket440×560popbaseToken bucket whose tokens are consumed and refilled over time.
phone440×880popbasePhone mock with a checkout screen, button taps and notifications.
quote940×460risebaseQuote card with author; the quote types itself.
particles1080×1000noneoverlaySeeded particle bursts, herds, streams, dust or confetti.
trap1080×1000glitchoverlayThe series "THE TRAP" interstitial with warning tapes.
cta960×560risebase"Next episode" title plus a comment box typing a keyword.
icon160×160popbaseInline SVG icon from the bundled set, or an SVG from assets/.
bar-chart960×560fadebaseVertical or horizontal bars that grow in on enter; keyframable values and a focus bar.
line-chart960×560fadebaseOne or more series that draw themselves, with points, axis labels and a legend.
donut-chart960×520fadebaseDonut whose segments sweep in, with a center value and a legend.
stat-card420×260risebaseKPI card: a value counting up, a label and an up/down delta.
progress-ring360×360popbaseCircular percentage that fills to its value (keyframable).
comparison960×560risebaseA vs B columns with rows of attributes (check/cross or values) and a winner.
before-after960×520risebaseTwo panels (text or an assets/ image) revealed by an animated wipe divider.
ranking960×560fadebaseOrdered horizontal bars with rank numbers that grow in sequence.
steps760×620fadebaseNumbered steps appearing one by one, vertical or horizontal.
flow960×300fadebaseHorizontal pipeline of stages with connectors and a moving token.
org-chart960×560fadebaseTree of person/role boxes (nested or parent ids) with automatic layout.
tree960×560fadebaseGeneric hierarchy with automatic layout; branches draw in level by level.
cycle760×760fadebaseStages around a circle with arrows; the active stage is highlighted over time.
funnel760×620fadebaseStages narrowing from top to bottom, with values and optional conversion rates.
pyramid760×620fadebaseStacked levels from a narrow top to a wide base, labelled at the side.
matrix-2x2760×760fadebase2×2 quadrants (top-left, top-right, bottom-left, bottom-right) with axis labels and placed items.
map960×600fadebaseWorld or regional outline map (Natural Earth, public domain): highlighted countries, labelled pins and routes that draw between them.
route960×420fadebaseA→B path through waypoints with a moving vehicle (truck, ship, plane, ambulance, train, …).
floor-plan860×600fadebaseRooms drawn from rectangles on a grid, with labels and rooms highlighted over time.
building600×760fadebaseStacked floors (listed from the ground up) with labels; floors are highlighted over time.
container-stack860×560fadebaseShipping containers with their codes, stacked bottom-up like a crane loads them.
calendar760×700fadebaseMonth view (English or Arabic names) whose highlighted days appear over time.
clock420×420popbaseAnalog or digital clock that ticks between keyframed times, or a countdown (mode: countdown).
schedule-board960×520fadebaseDepartures/arrivals split-flap board whose rows and later updates flip into place.
appointment760×340risebaseAppointment card: title, date and time, place and a status chip (states can change it).
person-card640×220risebasePerson with an avatar (initials, an icon or an assets/ image), name and role.
chat760×760fadebaseMessage bubbles (left/right, LTR or RTL) that appear in order, with a typing indicator.
notification760×520fadebaseStack of notification toasts sliding in one after another (newest on top).
speech-bubble640×300popbaseSpeech or thought bubble with a tail; optionally types itself.
lower-third860×170wipeoverlayName and title bar that wipes in over the scene (overlay layer).
image860×600fadebaseImage from assets/ (cover or contain) with a slow Ken Burns pan and zoom over its lifetime.
logo600×240popbaseLogo slot: an assets/ image, or a text wordmark with an optional icon mark and tagline.
kinetic-text960×400fadebaseHeadline revealed word by word (pop, slide or highlight), staggered or on word beats.
bullet-list860×520fadebaseBulleted or numbered points appearing one by one.
callout360×110drawoverlayAnnotation label with a curved arrow pointing at an element (to: id or id.side) or a point.
spotlight1080×1000fadeoverlayDims the whole scene except one element (target: id) or box, with an optional label.
split-screen960×600risebaseTwo halves side by side (or stacked), each with a title, text, icon or assets/ image.
pricing-table960×620fadebasePlans with prices and feature lists and a featured plan; variant: tag draws one price tag.
qr-code420×500fadebaseScannable QR code (byte mode, ECC L or M, versions 1–10) encoded in the runtime.
rating640×200popbaseStars from 0 to max with halves, filling in turn. For illustrative scores only, never as real customer reviews.
vitals860×360fadebaseHeart-rate monitor: an ECG trace sweeping across with a live BPM counter (keyframable).

title ​

Big display text; accent markup colors words with the accent color.

Frame of the text gallery scene

PropTypeDefaultRequired
textstringyes
sizenumber
alignleft | center | right"center"
colorstring"ink"
accentstring"lime"
fontauto | display | arabic | mono"auto"
weightinteger800
substring

label ​

Small uppercase monospace label.

Frame of the text gallery scene

PropTypeDefaultRequired
textstringyes
colorstring"dim"
sizenumber
alignstart | left | center | right"start"
dotbooleanfalse

code ​

Code card with token colors that types itself.

Frame of the code gallery scene

PropTypeDefaultRequired
titlestring
langstring"ts"
lines(string | object)[]yes
fontSizenumber30
cpsnumber28
caretbooleantrue
numbersbooleantrue
typingbooleantrue
highlightobject[][]

node ​

Box with a title and a sub-status; status changes its color.

Frame of the diagram gallery scene

PropTypeDefaultRequired
titlestringyes
substring
colorstring"cyan"
statusidle | ok | err | warn | busy | off"idle"
iconicon name (list)
badgestring

arrow ​

Straight, elbow or curved arrow with an optional label and moving packets.

Frame of the diagram gallery scene

PropTypeDefaultRequired
fromstring | objectyes
tostring | objectyes
labelstring
colorstring"dim"
dashedbooleanfalse
routestraight | elbow | curve"straight"
widthnumber5
headend | start | both | none"end"
packetboolean | objectfalse
packetsobject[][]
gapnumber14

chip ​

Pill/tag, optionally struck through.

Frame of the text gallery scene

PropTypeDefaultRequired
textstringyes
colorstring"lime"
strikeboolean | timefalse
iconicon name (list)
variantsolid | outline | soft"soft"
sizenumber34

stamp ​

Rotated bordered word that slams in (×2, DEADLOCK).

Frame of the hits gallery scene

PropTypeDefaultRequired
textstringyes
colorstring"red"
sizenumber120
rotnumber-5

table ​

Header + rows with animated row inserts and highlights.

Frame of the table gallery scene

PropTypeDefaultRequired
columnsstring[]yes
rowsobject[][]
widthsnumber[]
fontSizenumber28
accentstring"lime"

lanes ​

Parallel columns of timed steps (race conditions).

Frame of the lanes gallery scene

PropTypeDefaultRequired
lanesobject[]yes
interleavebooleantrue
fontSizenumber26

checklist ​

Items with check boxes appearing in sequence.

Frame of the lists gallery scene

PropTypeDefaultRequired
titlestring
itemsobject[]yes
fontSizenumber36
colorstring"lime"

counter ​

Big number counting between keyframe values.

Frame of the hits gallery scene

PropTypeDefaultRequired
keyframesobject[]yes
fromnumber0
prefixstring""
suffixstring""
decimalsinteger0
separatorbooleantrue
labelstring
colorstring"ink"
sizenumber180

meter ​

Horizontal bar (or a half-circle gauge with style: gauge) with an optional threshold marker.

Frame of the lists gallery scene

PropTypeDefaultRequired
keyframesobject[]yes
fromnumber0
maxnumber100
thresholdnumber
labelstring
unitstring""
colorstring"lime"
dangerstring"red"
stylebar | gauge"bar"

timeline ​

Axis with markers at relative positions (backoff, TTL).

Frame of the time gallery scene

PropTypeDefaultRequired
markersobject[][]
startstring
endstring
colorstring"cyan"
cursorobject[][]

grid ​

N×M tiles with per-tile states (thread pool, shards, services).

Frame of the time gallery scene

PropTypeDefaultRequired
colsintegeryes
rowsintegeryes
tiles(string | object)[][]
stepsobject[][]
gapnumber14
labelstring

bucket ​

Token bucket whose tokens are consumed and refilled over time.

Frame of the bucket gallery scene

PropTypeDefaultRequired
capacityintegeryes
keyframesobject[][]
labelstring
ratestring
colorstring"lime"

phone ​

Phone mock with a checkout screen, button taps and notifications.

Frame of the phone gallery scene

PropTypeDefaultRequired
titlestring"Checkout"
amountstring
itemstring
buttonstring"Pay now"
notificationsobject[][]
tapsobject[][]
offlinebooleanfalse
loadingbooleanfalse
successboolean | stringfalse

quote ​

Quote card with author; the quote types itself.

Frame of the quote gallery scene

PropTypeDefaultRequired
textstringyes
authorstring
highlightstring[][]
cpsnumber32
colorstring"lime"
sizenumber56

particles ​

Seeded particle bursts, herds, streams, dust or confetti.

Frame of the trap gallery scene

PropTypeDefaultRequired
kindburst | herd | stream | dust | confetti"burst"
fromstring | object
tostring | object
countinteger40
attime
durnumber1.2
colorstring"lime"
colorsstring[]
sizenumber10
spreadnumber140
seedinteger1

trap ​

The series "THE TRAP" interstitial with warning tapes.

Frame of the trap gallery scene

PropTypeDefaultRequired
titlestring"THE TRAP"
substring
attime
untiltime
colorstring"amber"

cta ​

"Next episode" title plus a comment box typing a keyword.

Frame of the cta gallery scene

PropTypeDefaultRequired
labelstring"NEXT EPISODE"
nextstringyes
keywordstring
promptstring"Comment"
attime
colorstring"lime"

icon ​

Inline SVG icon from the bundled set, or an SVG from assets/.

Frame of the diagram gallery scene

PropTypeDefaultRequired
nameicon name (list)
srcstring
sizenumber140
colorstring"ink"
pulsebooleanfalse
ringbooleanfalse

bar-chart ​

Vertical or horizontal bars that grow in on enter; keyframable values and a focus bar.

Frame of the bars gallery scene

PropTypeDefaultRequired
barsobject[]yes
orientvertical | horizontal"vertical"
minnumber
maxnumber
titlestring
valuesbooleantrue
gridbooleantrue
focusinteger | object
prefixstring""
suffixstring""
decimalsinteger0
colorstring"cyan"
accentstring"lime"
staggernumber0.12
durnumber0.8
fontSizenumber26

line-chart ​

One or more series that draw themselves, with points, axis labels and a legend.

Frame of the lines gallery scene

PropTypeDefaultRequired
seriesobject[]yes
labelsstring[][]
minnumber
maxnumber
titlestring
pointsbooleantrue
areabooleantrue
gridbooleantrue
legendbooleantrue
prefixstring""
suffixstring""
decimalsinteger0
colorstring"cyan"
staggernumber0.3
durnumber1.4
fontSizenumber24

donut-chart ​

Donut whose segments sweep in, with a center value and a legend.

Frame of the donut gallery scene

PropTypeDefaultRequired
segmentsobject[]yes
totalnumber
labelstring
valuestring
showpercent | value | none"percent"
legendbooleantrue
thicknessnumber0.3
prefixstring""
suffixstring""
decimalsinteger0
colorstring"cyan"
durnumber1.2
fontSizenumber28

stat-card ​

KPI card: a value counting up, a label and an up/down delta.

Frame of the bars gallery scene

PropTypeDefaultRequired
labelstringyes
valuenumberyes
fromnumber0
keyframesobject[]
prefixstring""
suffixstring""
decimalsinteger0
separatorbooleantrue
deltanumber | string
deltaSuffixstring"%"
goodup | down"up"
substring
iconicon name (list)
colorstring"ink"
accentstring"cyan"
durnumber1.2
sizenumber96

progress-ring ​

Circular percentage that fills to its value (keyframable).

Frame of the lines gallery scene

PropTypeDefaultRequired
valuenumberyes
maxnumber100
fromnumber0
keyframesobject[]
labelstring
prefixstring""
suffixstring"%"
decimalsinteger0
colorstring"lime"
thicknessnumber28
durnumber1.2

comparison ​

A vs B columns with rows of attributes (check/cross or values) and a winner.

Frame of the compare gallery scene

PropTypeDefaultRequired
aobjectyes
bobjectyes
rowsobject[]yes
winnera | b | object
badgestring"WINNER"
accentstring"lime"
staggernumber0.35
fontSizenumber32

before-after ​

Two panels (text or an assets/ image) revealed by an animated wipe divider.

Frame of the wipe gallery scene

PropTypeDefaultRequired
beforeobjectyes
afterobjectyes
attime
durnumber1.1
splitnumber0.5
fontSizenumber44

ranking ​

Ordered horizontal bars with rank numbers that grow in sequence.

Frame of the ranking gallery scene

PropTypeDefaultRequired
itemsobject[]yes
sortbooleantrue
orderbottom-up | top-down"bottom-up"
maxnumber
valuesbooleantrue
prefixstring""
suffixstring""
decimalsinteger0
colorstring"cyan"
accentstring"lime"
staggernumber0.3
durnumber0.7
fontSizenumber30

steps ​

Numbered steps appearing one by one, vertical or horizontal.

Frame of the steps gallery scene

PropTypeDefaultRequired
itemsobject[]yes
orientvertical | horizontal"vertical"
colorstring"lime"
staggernumber0.5
fontSizenumber40

flow ​

Horizontal pipeline of stages with connectors and a moving token.

Frame of the flow gallery scene

PropTypeDefaultRequired
stagesobject[]yes
tokenboolean | objecttrue
colorstring"cyan"
accentstring"lime"
staggernumber0.25
fontSizenumber28

org-chart ​

Tree of person/role boxes (nested or parent ids) with automatic layout.

Frame of the org gallery scene

PropTypeDefaultRequired
peopleobject[]yes
colorstring"cyan"
accentstring"lime"
staggernumber0.35
fontSizenumber30

tree ​

Generic hierarchy with automatic layout; branches draw in level by level.

Frame of the tree gallery scene

PropTypeDefaultRequired
nodesobject[]yes
orientdown | right"down"
colorstring"violet"
staggernumber0.3
fontSizenumber28

cycle ​

Stages around a circle with arrows; the active stage is highlighted over time.

Frame of the cycle gallery scene

PropTypeDefaultRequired
stagesobject[]yes
activeobject[][]
stepnumber0.8
centerstring
colorstring"cyan"
accentstring"lime"
staggernumber0.15
fontSizenumber28

funnel ​

Stages narrowing from top to bottom, with values and optional conversion rates.

Frame of the funnel gallery scene

PropTypeDefaultRequired
stagesobject[]yes
ratebooleanfalse
necknumber0.32
prefixstring""
suffixstring""
decimalsinteger0
colorstring"cyan"
accentstring"violet"
staggernumber0.3
fontSizenumber32

pyramid ​

Stacked levels from a narrow top to a wide base, labelled at the side.

Frame of the pyramid gallery scene

PropTypeDefaultRequired
levelsobject[]yes
orderbottom-up | top-down"bottom-up"
colorstring"cyan"
accentstring"lime"
staggernumber0.3
fontSizenumber32

matrix-2x2 ​

2×2 quadrants (top-left, top-right, bottom-left, bottom-right) with axis labels and placed items.

Frame of the matrix gallery scene

PropTypeDefaultRequired
xobject{}
yobject{}
quadrantsobject[][]
itemsobject[][]
colorstring"cyan"
staggernumber0.3
fontSizenumber26

map ​

World or regional outline map (Natural Earth, public domain): highlighted countries, labelled pins and routes that draw between them.

Frame of the map gallery scene

PropTypeDefaultRequired
viewworld | africa | europe | asia | middle-east | north-america | south-america | oceania | object"world"
countries(string | object)[][]
pinsobject[][]
routesobject[][]
graticulebooleantrue
colorstring"cyan"
accentstring"lime"
staggernumber0.3
fontSizenumber26

route ​

A→B path through waypoints with a moving vehicle (truck, ship, plane, ambulance, train, …).

Frame of the route gallery scene

PropTypeDefaultRequired
stopsobject[]yes
vehicletruck | ship | plane | ambulance | train | car | bus | bike"truck"
progressobject[]
durnumber2.4
curvebooleantrue
colorstring"cyan"
accentstring"lime"
fontSizenumber28

floor-plan ​

Rooms drawn from rectangles on a grid, with labels and rooms highlighted over time.

Frame of the floor_plan gallery scene

PropTypeDefaultRequired
colsinteger12
rowsinteger8
roomsobject[]yes
highlightsobject[][]
colorstring"cyan"
accentstring"lime"
staggernumber0.08
fontSizenumber26

building ​

Stacked floors (listed from the ground up) with labels; floors are highlighted over time.

Frame of the building gallery scene

PropTypeDefaultRequired
floorsobject[]yes
highlightsobject[][]
numbersbooleantrue
groundstring"G"
colorstring"cyan"
accentstring"lime"
staggernumber0.12
fontSizenumber30

container-stack ​

Shipping containers with their codes, stacked bottom-up like a crane loads them.

Frame of the containers gallery scene

PropTypeDefaultRequired
containersobject[]yes
colsinteger4
focusinteger | object
colorstring"cyan"
accentstring"lime"
staggernumber0.12
fontSizenumber22

calendar ​

Month view (English or Arabic names) whose highlighted days appear over time.

Frame of the calendar gallery scene

PropTypeDefaultRequired
yearintegeryes
monthintegeryes
langen | ar"en"
weekStartmon | sun | sat"mon"
weekdaysstring[]
monthNamestring
digitslatn | arab"latn"
days(integer | object)[][]
colorstring"cyan"
accentstring"lime"
staggernumber0.2
fontSizenumber30

clock ​

Analog or digital clock that ticks between keyframed times, or a countdown (mode: countdown).

Frame of the clocks gallery scene

PropTypeDefaultRequired
modeclock | countdown"clock"
faceanalog | digital"analog"
timestring"09:00"
keyframesobject[]
hours24 | 12"24"
secondsbooleanfalse
fromnumber10
attime
labelstring
colorstring"ink"
accentstring"lime"

schedule-board ​

Departures/arrivals split-flap board whose rows and later updates flip into place.

Frame of the board gallery scene

PropTypeDefaultRequired
titlestring"DEPARTURES"
iconicon name (list)"plane-takeoff"
columnsstring[]["TIME","DESTINATION","GATE","STATUS"]
widthsnumber[]
rowsobject[]yes
updatesobject[][]
flipnumber0.7
colorstring"amber"
staggernumber0.25
fontSizenumber30

appointment ​

Appointment card: title, date and time, place and a status chip (states can change it).

Frame of the people gallery scene

PropTypeDefaultRequired
titlestringyes
datestringyes
timestring
placestring
personstring
statusconfirmed | pending | cancelled | done"confirmed"
statusTextstring
iconicon name (list)"calendar-check"
colorstring"cyan"

person-card ​

Person with an avatar (initials, an icon or an assets/ image), name and role.

Frame of the people gallery scene

PropTypeDefaultRequired
namestringyes
rolestring
substring
srcstring
initialsstring
iconicon name (list)
badgestring
layouthorizontal | vertical"horizontal"
colorstring"cyan"

chat ​

Message bubbles (left/right, LTR or RTL) that appear in order, with a typing indicator.

Frame of the chat gallery scene

PropTypeDefaultRequired
titlestring
messagesobject[]yes
typingnumber0.7
dirauto | ltr | rtl"auto"
colorstring"cyan"
staggernumber1.1
fontSizenumber36

notification ​

Stack of notification toasts sliding in one after another (newest on top).

Frame of the toasts gallery scene

PropTypeDefaultRequired
itemsobject[]yes
colorstring"cyan"
staggernumber0.6
fontSizenumber28

speech-bubble ​

Speech or thought bubble with a tail; optionally types itself.

Frame of the toasts gallery scene

PropTypeDefaultRequired
textstringyes
tailbottom-left | bottom-right | top-left | top-right | none"bottom-left"
stylespeech | thought"speech"
cpsnumber0
colorstring"cyan"
fontSizenumber40

lower-third ​

Name and title bar that wipes in over the scene (overlay layer).

Frame of the media gallery scene

PropTypeDefaultRequired
namestringyes
titlestring
iconicon name (list)
colorstring"lime"
fontSizenumber52

image ​

Image from assets/ (cover or contain) with a slow Ken Burns pan and zoom over its lifetime.

Frame of the media gallery scene

PropTypeDefaultRequired
srcstringyes
fitcover | contain"cover"
kenburnsbooleantrue
zoomnumber1.12
pancenter | left | right | up | down"right"
captionstring
radiusnumber26
colorstring"ink"

Logo slot: an assets/ image, or a text wordmark with an optional icon mark and tagline.

Frame of the brand gallery scene

PropTypeDefaultRequired
srcstring
textstring
taglinestring
iconicon name (list)
colorstring"ink"
accentstring"lime"
sizenumber96

kinetic-text ​

Headline revealed word by word (pop, slide or highlight), staggered or on word beats.

Frame of the brand gallery scene

PropTypeDefaultRequired
textstringyes
stylepop | slide | highlight"pop"
beatsobject[][]
sizenumber
alignleft | center | right"center"
colorstring"ink"
accentstring"lime"
staggernumber0.18
weightinteger800

bullet-list ​

Bulleted or numbered points appearing one by one.

Frame of the bullets gallery scene

PropTypeDefaultRequired
titlestring
items(string | object)[]yes
markerdot | number | check | dash | icon"dot"
colorstring"lime"
staggernumber0.45
fontSizenumber40

callout ​

Annotation label with a curved arrow pointing at an element (to: id or id.side) or a point.

Frame of the bullets gallery scene

PropTypeDefaultRequired
tostring | objectyes
textstringyes
colorstring"amber"
curvebooleantrue
ringbooleantrue
fontSizenumber30

spotlight ​

Dims the whole scene except one element (target: id) or box, with an optional label.

Frame of the spotlight gallery scene

PropTypeDefaultRequired
targetstring | objectyes
shaperect | circle"rect"
paddingnumber24
dimnumber0.72
labelstring
attime
untiltime
colorstring"ink"

split-screen ​

Two halves side by side (or stacked), each with a title, text, icon or assets/ image.

Frame of the split gallery scene

PropTypeDefaultRequired
aobjectyes
bobjectyes
splitcolumns | rows"columns"
badgestring
staggernumber0.35
fontSizenumber40

pricing-table ​

Plans with prices and feature lists and a featured plan; variant: tag draws one price tag.

Frame of the pricing gallery scene

PropTypeDefaultRequired
varianttable | tag"table"
plansobject[]yes
currencystring"$"
colorstring"cyan"
accentstring"lime"
staggernumber0.25
fontSizenumber30

qr-code ​

Scannable QR code (byte mode, ECC L or M, versions 1–10) encoded in the runtime.

Frame of the qr gallery scene

PropTypeDefaultRequired
textstringyes
eccL | M"M"
labelstring
drawbooleantrue
colorstring"#0b0d14"
backgroundstring"#ffffff"

rating ​

Stars from 0 to max with halves, filling in turn. For illustrative scores only, never as real customer reviews.

Frame of the price_tag gallery scene

PropTypeDefaultRequired
valuenumberyes
maxinteger5
labelstring
notestring
numbersbooleantrue
colorstring"amber"
durnumber1
sizenumber76

vitals ​

Heart-rate monitor: an ECG trace sweeping across with a live BPM counter (keyframable).

Frame of the vitals gallery scene

PropTypeDefaultRequired
bpmnumber72
keyframesobject[]
labelstring"HEART RATE"
unitstring"BPM"
thresholdnumber
windownumber3
gridbooleantrue
colorstring"lime"
dangerstring"red"

Icons ​

258 bundled icons, usable wherever a prop takes an icon name: the ReelForge set and a subset of Lucide (ISC).

lock, unlock, bell, clock, warn, bubble, bomb, check, x, server, db, user, users, bolt, card, wifi, wifi-off, cloud, key, mail, cart, cpu, queue, shield, fire, refresh, hourglass, phone, code, globe, heart-pulse, stethoscope, pill, syringe, hospital, ambulance, activity, thermometer, bandage, cross, microscope, dna, brain, bone, baby, accessibility, test-tube, clipboard-plus, heart, hand-heart, eye, ear, tablets, pill-bottle, bed, briefcase-medical, shield-plus, scan-heart, house, building, building-complex, hotel, key-round, door-open, door-closed, sofa, bath, ruler, landmark, fence, trees, tree-pine, house-plus, map-pin-house, bed-double, ship, anchor, container, package, package-check, package-open, boxes, forklift, truck, warehouse, barcode, scan-barcode, route, waypoints, map, map-pin, map-pinned, navigation, compass, earth, weight, scale, clipboard-list, clipboard-check, plane, plane-takeoff, plane-landing, train-front, bus, car, bike, sailboat, fuel, ticket, luggage, cable-car, traffic-cone, milestone, signpost, rocket, graduation-cap, book, book-open, school, pencil, pen-tool, notebook, library, backpack, calculator, presentation, lightbulb, award, trophy, medal, atom, flask-conical, wallet, banknote, coins, piggy-bank, credit-card, receipt, chart-line, chart-column, chart-pie, trending-up, trending-down, dollar-sign, percent, hand-coins, badge-dollar-sign, briefcase, vault, circle-dollar-sign, utensils, utensils-crossed, chef-hat, coffee, pizza, apple, carrot, croissant, cake, wine, beer, cup-soda, ice-cream-cone, soup, sandwich, salad, cooking-pot, fish, wheat, shopping-bag, shopping-basket, store, tag, tags, gift, shirt, badge-percent, gavel, flag, vote, id-card, file-text, stamp, shield-check, scroll, badge-check, siren, fingerprint-pattern, zap, battery, battery-charging, sun, wind, droplet, droplets, flame, plug, plug-zap, power, gauge, leaf, recycle, solar-panel, waves-horizontal, cloud-sun, moon, snowflake, factory, cog, settings, wrench, hammer, drill, hard-hat, construction, pickaxe, bot, cable, shovel, paint-bucket, camera, tree-palm, mountain, mountain-snow, tent, umbrella, binoculars, castle, search, star, thumbs-up, message-circle, send, calendar, calendar-check, calendar-days, alarm-clock, timer, info, circle-question-mark, circle-check, circle-x, triangle-alert, plus, arrow-right, link, image, mic, qr-code, smartphone, sparkles, target, crown, user-plus, user-check, phone-call, megaphone, newspaper