Signal Timeline

About Signal Timeline

Tell the story in order. Milestones connected by a line of energy that travels as the page scrolls: each node pulses and glows on arrival, the story reveals and its image settles, while earlier milestones stay softly lit. Year, title, text, image or video and a link for every step. Vertical, alternating or pinned horizontal, always vertical on phones, accessible and reduced-motion aware.

Features

• A scroll-driven line of energy with a glowing head.

• Pulse, node glow, content reveal and media settle on arrival.

• Earlier milestones stay softly lit; later ones wait in the dark.

• Year, title, text, image or video and optional CTA per milestone.

• Vertical, alternating vertical and pinned horizontal layouts.

• Scroll Start, Scroll End and smoothing control.

• Automatic vertical timeline on mobile.

• Native horizontal scroller fallback when pinning is not possible.

• Semantic list, alt text and keyboard-aware horizontal scrolling.

• One standalone React + TypeScript file.

• 22 controls in the Framer properties panel

• Respects prefers-reduced-motion

• Renders correctly on the Framer canvas and in export

Created by LUNAUT Studio.