0:43
Best SaaS Product Demo Video 2026 | Elefta
Elefta · Sep 2026
Explore
Windsurf Wave 10 – Day 2: Windsurf Browser
Windsurf · Jun 2025 · 1:29 · AI-annotated
00:00:00 / 01:29:09
The video alternates locked-off presenter cutaways on a yellow-green gradient set with fast screen recordings of the editor and browser, linked by whip-pan blurs and quick zoom reframes. Signature moves are decoding title cards, a hand-drawn arrow pointing at the send button, and green capture toasts confirming each action.
Footage neededEstimated needs: 4 capture groups — your screens or recordings · 1 official logo — reused across the film · 10 filmed passages — shoot, supply or replace
More like this
1:05
Introducing Studio 4.0, the agentic video editor in ElevenCreative
ElevenLabs · AI · Sep 2026
1:01
Framer: Stop Waiting. Start Shipping.
Framer · Design · Nov 2025
Windsurf Wave 10 – Day 2: Windsurf Browser, scene by scene
· 24 scenes as text
01 · Hook · 0:00–0:00
A person in black walks in from the left carrying a laptop through a foggy, green-lit studio. A wooden stool stands centered as white letters F, A, E and a slashed circle pop in one by one on the wall.
On-screen text: “FAEØ”
Techniques: Kinetic type
Camera: Static
02 · Product intro · 0:00–0:02
A man in a dark shirt and glasses walks in from the left holding a laptop, then sits on a black stool against a yellow-green lit wall. White WAVE 10 and DAY 02 hold center frame beneath the Windsurf logo.
On-screen text: “Windsurf”, “WAVE 10”, “DAY 02”
Camera: Static
03 · Product intro · 0:02–0:07
A man in a black polo shirt sits in a white chair on a pale yellow-green gradient set, talking and gesturing. A lower third with his name and title appears at left.
On-screen text: “Windsurf”, “WAVE 10”, “DAY 02”, “Jimmy Zhang”, “{Software Engineer}”
Camera: Static
04 · Product intro · 0:07–0:09
A person in a dark green polo sits against a pale yellow backdrop, typing on a laptop on their lap. A large white title WINDSURF BROWSER with DAY 02 above decodes at center as scattered letters snap into place, then a name caption appears.
On-screen text: “DAY 02”, “WINDSURF”, “BROWSER”, “Jimmy Zhang”, “{Software Engineer}”
Techniques: Kinetic type
Camera: Static
05 · Product intro · 0:09–0:10
A man in a dark polo stands centered against a wall split into yellow and green light, smiling, his shadow on the right. Large white title text reading DAY 02, WINDSURF, BROWSER overlays his chest. The frame stays locked off.
On-screen text: “DAY 02”, “WINDSURF”, “BROWSER”
Camera: Static
06 · Feature reveal · 0:10–0:12
A dark Windsurf editor window fills the frame in a locked-off close-up. A tooltip reading Open Browser pops up beneath the toolbar icon while the Cascade heading and its description line sit at the bottom left.
On-screen text: “WINDSURF”, “DAY 02”, “BROWSER”, “0”
Camera: Static
07 · Feature reveal · 0:12–0:17
The Windsurf browser window settles into a flat view on a purple-to-yellow gradient desktop. The page scrolls from a “Welcome to Browser.” heading down through “Context now includes Browser” to a “Send Content to Cascade” section with text and image blocks. A hand-drawn arrow points at the green corner button.
Camera: Pull out
08 · Feature reveal · 0:17–0:21
A product view: a left text panel beside a scrolling document. The page scrolls up to reveal a landscape photo, then a dark log panel of colored lines. A Send button pops in above the log and a green toast flashes at the bottom right. A hand-drawn arrow points down.
Camera: Push in
09 · Feature reveal · 0:21–0:23
A man in a black polo shirt and glasses sits in a white chair on the right, talking and gesturing with both hands. A yellow-green gradient backdrop with a soft curved panel fills the left, and the camera stays locked-off.
On-screen text: “家”
Camera: Static
10 · Feature reveal · 0:23–0:24
A static frame shows a dark code editor on the left and a browser window on the right, displaying a Sketch Wireframes page with navigation tabs and placeholder card sections.
Camera: Static
11 · Feature reveal · 0:24–0:29
A code editor with a Cascade chat panel sits left of a documentation browser. The docs page cycles through wireframes, a component list, a button example, and a blue bar chart, then the view zooms into the chart, blurring the editor.
Techniques: UI zoom
Camera: Push in
12 · Feature reveal · 0:29–0:31
A code panel of React chart markup sits above a preview pane. The frame opens defocused and pulls sharp as a bar chart of alternating blue bars settles into place under the active Preview tab.
Camera: Static
13 · Feature reveal · 0:31–0:33
A light code editor view shows a JSX snippet above a tabbed panel. The active Code tab lists a numbered recharts data array. A Send button with a play icon fades in at the top right of the panel.
Camera: Static
14 · Feature reveal · 0:33–0:39
Two app windows sit side by side: a code editor with a Cascade chat panel on the left, a Sentry error page on the right. The view zooms into the Sentry page, reframing on the breadcrumbs list of console errors.
Techniques: Split screen, UI zoom
Camera: Push in
15 · Feature reveal · 0:39–0:40
A browser window shows the React Flow Custom Edges documentation page, heading and body copy in place. The view then blurs into fast diagonal motion streaks, as if the page is being swiped away at speed.
Techniques: Speed ramp
Camera: Pull out
16 · Feature reveal · 0:40–0:50
A docs page resolves from horizontal motion blur into focus, then the frame pulls back to a side-by-side code editor and browser window. It zooms into an AI chat panel that types an error diagnosis, then cuts to a seated presenter against a yellow backdrop.
Techniques: Split screen, UI zoom
Camera: Pull out
17 · Demo · 0:50–0:55
A man in a black polo shirt and glasses sits in a white chair on the right of a pale green and yellow gradient set, legs crossed. He speaks to camera and gestures with both hands. Static medium shot, empty space left for graphics.
Camera: Static
18 · Demo · 0:55–0:57
Three application windows sit side by side: a code editor, an AI chat panel, and a browser showing a wireframe page. The layout then reflows into two wider windows, one a log viewer and the other a browser with a stock chart and a log overlay.
Techniques: Split screen
Camera: Static
19 · Demo · 0:57–1:07
A browser window on a gradient desktop shows the Windsurf page scrolling past log, chart, and code sections as a send bar captures elements with green toasts. A blurred zoom reframes on the code block, then the view cuts to the IDE with a file tree and Cascade chat panel.
Techniques: UI zoom
Camera: Pan
20 · Demo · 1:07–1:09
A dark chat panel fills the frame, its input box tagged with three gray context chips; a fast zoom settles the view. The scene then cuts to a man in a black polo seated in a white chair against a two-tone yellow and green wall.
Techniques: UI zoom
Camera: Push in
21 · Demo · 1:09–1:14
A man in a black polo shirt and glasses sits in a white chair against a pale green gradient wall, hands clasped on his lap. He faces the camera and speaks, smiling slightly. The frame stays locked off in a steady medium shot.
On-screen text: “文”
Camera: Static
22 · CTA · 1:14–1:19
A man with rimless glasses and a black polo shirt speaks to an off-screen interviewer against a pale yellow wall. The shot then cuts to a wider frame of him seated in a chair, arms crossed, smiling.
Camera: Static
23 · CTA · 1:19–1:24
A man in a dark polo shirt and glasses sits in a white armchair against a pale yellow wall, speaking and gesturing with his hands. He is framed right of center in a medium shot, looking off-camera left. The shot holds steady, then fades to black at the end.
Camera: Static
24 · Outro · 1:24–1:29
On a plain cream background, the black Windsurf wordmark reveals itself: the W mark and the word wipe in from left to right with a soft edge, then hold still for the rest of the shot.
On-screen text: “Windsurf”
Techniques: Masking
Camera: Static