Before / after slider for a dashboard redesign

0:06 · 16:9

Rendered by the Before / After Slider Skill

Prompt

Make a before/after slider from old-dashboard.png and new-dashboard.png with the headline "Same data. New dashboard."

Rendered by the Skill from the input file below, on a laptop with headless Chrome and FFmpeg — no footage or paid APIs. The brand, products and copy are fictional examples.

Input file

{
  "lang": "en",
  "before": "assets/ui-old.svg",
  "after": "assets/ui-new.svg",
  "headline": "Same data. New dashboard."
}

Built withReelity SkillHeadless ChromeFFmpeg