Reel Accordion

Reel Accordion

A four-row service accordion for a creative production studio. Each row shows a number, a service title, a set of tags and an arrow button. Hovering a row plays its reel in a cursor-following video, so the reel moves with the pointer. Clicking a row expands it to reveal its details.

How it works

• Each row has its own video variable (Video 01–04) that drives the hover cursor, so you can swap clips without editing the component’s structure.

• Tags are three separate variables per row.

• The component has light and dark variants. The cursor has matching light and dark versions.

• The hover cursor follows the pointer with a spring. It is set to respond almost instantly to reduce lag when moving between rows.

Customizing

• Change the clip by editing the row’s Video variable.

• Change the title and tags through the row’s text and tag variables.

• Switch light or dark by changing the variant.