ClickUp · Productivity · Jun 2022
Introducing Warp 2.0: The Agentic Development Environment
Warp · Jun 2025 · 2:26 · AI-annotated
A presenter-led keynote that alternates locked-off talking-head shots with 3D-tilted interface panels sliding in beside him, moving from a rapid four-part overview into feature deep dives, stat cards, and a scrolling wall of tweets. Signature moves are the split-screen presenter-left / UI-right framing, oversized white lockup type flanking the speaker, and dark UI panels set on soft blue-to-peach gradients at a brisk ~13 cuts per minute.
More like this
Microsoft · AI · Mar 2023
Rive · Design · Mar 2025
Introducing Warp 2.0: The Agentic Development Environment, scene by scene
· 55 scenes as text
01 · Hook · 0:00–0:00
In a dim room lined with vintage computers on pedestals, a man in a black T-shirt holds an old beige computer with a red screen at chest height beside a second man in a dark bomber jacket. Both stand still in a locked-off wide shot.
Camera: Static
02 · Hook · 0:00–0:01
A person in a teal jacket holds a clapperboard with a red LED timecode and handwritten scene notes in front of their chest, then lowers it out of frame as the shot ends.
Camera: Static
03 · Hook · 0:01–0:03
A man in a dark bomber jacket stands center frame in a dim room, vintage computers on pedestals behind him. Large white labels appear at the corners: Zach and Lloyd on top, Founder and CEO below.
On-screen text: “Zach”, “Lloyd”, “Founder”, “CEO”
Camera: Static
04 · Product intro · 0:03–0:06
A bespectacled man in a dark bomber jacket speaks to camera against a dim paneled wall. A large white name caption appears, then big white type “Warp” and “2.0” lock in on either side of his head.
On-screen text: “Zach Lloyd”, “CEO Founder”, “Warp 2.0”
Camera: Static
05 · Product intro · 0:06–0:06
A man with glasses and a beard speaks to camera, centered against a dark wall, flanked by the words Warp and 2.0. The frame defocuses as a light gray rounded panel slides up from the bottom edge, carrying the title Warp 2.0.
On-screen text: “Warp”, “2.0”, “Warp 2.0”
Techniques: Masking
Camera: Pan
06 · Product intro · 0:06–0:10
White headline text “Warp 2.0” and “The Agentic Development Environment” sits left-aligned over a slow-drifting close-up of pale blue pleated fabric. A soft white rounded card behind the text fades out early, and the frame tilts up to hint at a person at the top.
On-screen text: “Warp 2.0”, “The Agentic Development Environment”
Camera: Pan
07 · Product intro · 0:10–0:12
A man with glasses and a beard stands in a dim room, a grid wall and two blurred laptops behind him. He gestures with both hands as he speaks. A pale lower-third band reading Warp 2.0 slides out of frame in the first second.
On-screen text: “Warp 2.0”
Camera: Pan
08 · Demo · 0:12–0:13
A man in glasses and a dark jacket speaks on the left. A rounded terminal window slides in on the right, showing a project path and a git command that slides into place.
Techniques: Split screen, 3D mockup
Camera: Static
09 · Demo · 0:13–0:16
A man in a dark room talks and gestures on the left while a 3D terminal window on the right types a git log command, then fills with a list of commit history lines.
Techniques: Split screen, 3D mockup
Camera: Pan
10 · Demo · 0:16–0:18
A man with glasses and a beard stands at left against a dark studio background, speaking. At right, a tilted 3D window shows a coding agent chat above a code editor; the code scrolls and a cursor moves down toward an Apply changes button.
Techniques: Split screen, 3D mockup, Cursor demo
Camera: Pan
11 · Demo · 0:18–0:19
A man with glasses and a dark jacket speaks on the left of a dim set. On the right, a laptop screen in 3D perspective shows an AI coding chat: checkmarked task rows, file paths, and a Thinking status line at the bottom.
Techniques: 3D mockup, Split screen
Camera: Static
12 · Demo · 0:19–0:23
A man with glasses in a dark bomber jacket talks to camera on the left, gesturing with both hands. On the right, a dark Agents panel with three task rows scales up from a small centered card to its final size, and the first row's purple dot switches to a green check.
Camera: Static
13 · Demo · 0:23–0:24
A man with glasses in a dark bomber jacket gestures while speaking on the left. On the right, a floating card shows an Agents task list, then swaps to the Warp Drive file browser with a sidebar of folders and AI rules.
Camera: Static
14 · Demo · 0:24–0:28
A man in a dark bomber jacket talks and gestures on the left. On the right, a dark file list shows a cursor hovering a row, which expands into a card titled Connect to Supabase Database with body text.
Techniques: Split screen, Cursor demo
Camera: Pan
15 · Demo · 0:28–0:29
A bearded man with glasses in a dark bomber jacket talks to camera in a dim, paneled room, gesturing with both hands. A white chat panel with a list of items overlays the right edge at the start, then slides out; a white cursor arrow stays on the right.
Camera: Pan
16 · Demo · 0:29–0:34
A man in glasses and a dark jacket speaks to camera in a dim studio, gesturing with both hands then clasping them. Two vintage computers rest on pedestals against a dark paneled wall behind him.
Camera: Static
17 · Demo · 0:34–0:34
A bespectacled man in a dark jacket stands center-left in a dim paneled room. A white 3D device mockup slides in from the right edge, its screen showing a code editor with a file tree and a line reading Update.
Techniques: 3D mockup
Camera: Pan
18 · Demo · 0:34–0:49
A bespectacled man in a dark jacket gestures on the left while a tilted 3D code editor on the right types a prompt and drops in a PNG file chip. The frame then pushes onto the interface, blurring the man, as a green check appears.
Techniques: 3D mockup, Cursor demo, UI zoom
Camera: Pan
19 · Feature reveal · 0:49–0:52
A dark code editor window sits on a blue-to-peach gradient, split into two chat panels. The left panel shows an agent accepting a planning step and running commands, while the right panel types out a request to pull Sentry logs and summarize production issues.
Camera: Static
20 · Feature reveal · 0:52–0:54
Two terminal chat windows sit side by side on a peach-to-blue gradient. The left panel scrolls through a coding task with checkmarked steps; the right panel types a new reply and a Generating command indicator appears.
Techniques: Split screen
Camera: Static
21 · Feature reveal · 0:54–0:56
Two dark terminal windows sit side by side on a peach background, each showing an AI coding agent session. Chat messages and command output scroll upward in both panels as the agents process tasks, with a Thinking indicator at the bottom of each.
Techniques: Split screen
Camera: Static
22 · Feature reveal · 0:56–0:59
Two dark chat windows of a coding agent sit side by side on a blue-to-peach gradient, their messages and commands streaming in line by line. The view then reframes onto the right window, pushing the left one out of frame as a blurred desk appears behind.
Techniques: Split screen, UI zoom
Camera: Push in
23 · Feature reveal · 0:59–1:00
A salmon-framed dark UI panel on the left shifts from an agent chat log to an Agents list of four notification cards. On the right, a bespectacled presenter in a dark jacket gestures on a dim stage, vintage computers on pedestals at his sides.
Techniques: Split screen, Morph
Camera: Push in
24 · Feature reveal · 1:00–1:04
Split view: left, a peach-framed dark panel lists three Agents tasks, the top one's dot turning into a checkmark; right, a man in a bomber jacket gestures on a teal-lit stage flanked by two retro computers on pedestals.
Techniques: Split screen
Camera: Pan
25 · Feature reveal · 1:04–1:05
A presenter in a dark bomber jacket stands in a dim gallery of vintage computers on plinths, as a pink-bordered app panel slides out of frame to the left, leaving him centered.
Camera: Pan
26 · Feature reveal · 1:05–1:06
A bearded man with glasses is framed in profile against a dark, paneled wall, his face lit from the side as he speaks off-camera. The shot stays locked off with no on-screen motion.
On-screen text: “7”
Camera: Static
27 · Feature reveal · 1:06–1:08
A man with glasses and a dark jacket talks to camera against a dark paneled wall. A dark rounded chip with the white text Edit and an E keycap sits low in frame, static.
On-screen text: “Edit E”
Camera: Static
28 · Feature reveal · 1:08–1:10
A dark code editor with an agent suggestion panel fills the frame over a man in glasses, then the man drops out to leave the interface on a blue-to-pink gradient. A white 'Edit E' tooltip with a pointing hand hovers near the Edit button, then fades.
On-screen text: “Edit E”
Camera: Static
29 · Feature reveal · 1:10–1:14
A code editor window sits on a soft blue-to-peach gradient. Inside, a navigation component in code shows a line highlighted in blue, then the path text swaps from /user_statistics to /stats as the edit applies. The framing widens to reveal the full window and its header bar.
Camera: Pan
30 · Social proof · 1:14–1:16
A bespectacled man in a dark bomber jacket speaks to camera in a dim, paneled studio, hands raised and gesturing; two vintage computers sit on plinths behind him. A dark product interface bar with a tab rests along the bottom edge at the start.
Camera: Static
31 · Social proof · 1:16–1:17
A man in glasses and a dark jacket gestures as he speaks in a dim room with vintage computers on pedestals. A beige-bordered navy card slides up from the bottom, revealing a large white 71% and the caption SWE Bench Verified.
On-screen text: “71%”, “SWE Bench Verified”
Camera: Pan
32 · Social proof · 1:17–1:20
A dark rounded card slides in from the left over a blurred live-action background. The large white 71% and the gray SWE Bench Verified line settle into place above a small green check badge.
On-screen text: “71%”, “SWE Bench Verified”
Techniques: Kinetic type
Camera: Static
33 · Social proof · 1:20–1:20
Two dark rounded cards slide in from the right over a blurred background. The left card holds a large white 71% above SWE Bench Verified and two green check badges; the right card scales in a large #1 above Terminal Bench with one green check.
On-screen text: “71%”, “SWE Bench Verified”, “#1”, “Terminal Bench”
Techniques: Kinetic type
Camera: Pan
34 · Social proof · 1:20–1:22
Two dark stat cards sit side by side over a blurred, warm-toned backdrop. The left card shows 71% above a green check badge, the right shows #1; the left text drifts downward while the right numeral scales in place.
On-screen text: “71%”, “SWE Bench Verified”, “#1”, “Terminal Bench”
Techniques: Kinetic type
Camera: Static
35 · Feature reveal · 1:22–1:30
A bespectacled man talks to camera on the left in a dark studio as a dark chat card with a peach border wipes in from the right. The card types the agent's reply and swaps a searching line for a green check with a file path, then slides out.
Techniques: Masking
Camera: Static
36 · Feature reveal · 1:30–1:35
A man with glasses and a dark jacket speaks on the left against a black backdrop while a terminal window on the right scrolls steadily upward through numbered lines of Rust code.
Techniques: Split screen
Camera: Pan
37 · Feature reveal · 1:35–1:39
A man with short gray hair, a beard, and black-framed glasses speaks to the camera in a close-up. He wears a dark green jacket over a white shirt against a dark, plain background. His head shifts slightly as he talks.
Camera: Static
38 · Feature reveal · 1:39–1:42
A man with glasses in a black bomber jacket stands in a dim, paneled room, gesturing with both hands as he speaks. Two vintage desktop computers sit on pedestals behind him, each lit by a spotlight.
Camera: Static
39 · Feature reveal · 1:42–1:47
A man in a dark jacket gestures in a dim room on the left while a large rounded 3D panel on the right displays the Codebase index screen, its repository list showing green Synced and red Failed tags. The panel stays still as he talks.
Techniques: Split screen, 3D mockup
Camera: Pan
40 · Feature reveal · 1:47–1:55
A man in a dark jacket stands center frame in a dim room lined with vintage computers on pedestals, gesturing as he speaks. At 3.5s the words Warp and Drive cut in on the left and right edges and hold while the locked-off shot continues.
On-screen text: “Warp”, “Drive”
Camera: Static
41 · Feature reveal · 1:55–1:56
A presenter in a dark room gestures beside two vintage computers on plinths. A rounded UI panel slides in from the right showing the MCP Servers list with running entries, while the camera stays locked off.
On-screen text: “Warp”, “Drive”
Camera: Pan
42 · Feature reveal · 1:56–1:58
A presenter in a dark jacket stands in a dim studio, gesturing, while a rounded MCP Servers panel slides in from the right to settle beside him, listing running servers.
Techniques: Split screen
Camera: Static
43 · Feature reveal · 1:58–2:00
A presenter in a dark bomber jacket gestures on the left in a dim studio, while a white-bezeled tablet on the right rotates in 3D, flipping between a Rules list and a sidebar menu of the app.
Techniques: 3D mockup
Camera: Static
44 · Feature reveal · 2:00–2:03
A presenter in a black bomber jacket stands in a dim room beside a retro computer, hands clasped, while a Warp Drive window on the right shows a sharing dialog with access entries and a copy-link field; a cursor hovers over the Invite button.
Techniques: Cursor demo
Camera: Static
45 · Social proof · 2:03–2:05
A man with glasses stands in a dark room of vintage computers on pedestals, gesturing as he speaks. A large white tweet with a blue handle fades in across the frame over him.
On-screen text: “CJ Avilla @cjay_dev · Oct 28, 2022”, “Been using @warpdotdev for a few”, “a couple little UI things that I'm still”, “auto completions.”
Camera: Static
46 · Social proof · 2:05–2:06
A rapid montage of social media posts praising Warp flashes on a black background. Tweets with avatars, handles and hashtags overlap and blur as they cut, the text scaling between frames.
On-screen text: “A powerful terminal”, “warp.dev”, “So long macos vanilla terminal. Hello Warp!”, “#AICommandSearch”, “TIL: warp is a terminal”
Techniques: Kinetic type
Camera: Static
47 · Social proof · 2:06–2:07
A wall of blurred developer tweets slides across a black background while the blue warp.dev URL holds still in the center, and a white “A powerful terminal” tagline appears at the bottom.
On-screen text: “warp.dev”, “A powerful terminal”
Camera: Static
48 · Social proof · 2:07–2:07
A black screen shows the white warp.dev wordmark sliding in, then a vertical feed of blurred Twitter testimonials scrolls past, each a short post praising the Warp terminal.
On-screen text: “warp.dev”
Techniques: Kinetic type
Camera: Static
49 · Social proof · 2:07–2:09
Two heavily blurred tweets about the Warp terminal slide across a black background in quick succession, each showing an avatar, handle and the blue warp.dev link at the bottom.
On-screen text: “warp.dev”
Techniques: Kinetic type
Camera: Static
50 · Social proof · 2:09–2:09
A feed of developer tweets praising Warp scrolls up the black frame, each card flashing by in quick succession, ending on the warp.dev URL.
On-screen text: “warp.dev”
Camera: Static
51 · Other · 2:09–2:13
A blurred Japanese tweet dissolves into a tight profile shot of a man with glasses and stubble, speaking against a dark paneled wall. Cool rim light traces his hair as he talks, the frame holding steady on his face.
Camera: Static
52 · Other · 2:13–2:16
A bespectacled man in a dark bomber jacket speaks to camera at the center of a dim, paneled room, gesturing with both hands. Two vintage computers rest on pedestals in the soft-focus background, lit by overhead spotlights.
Camera: Static
53 · Other · 2:16–2:18
A bearded man in glasses, shown in profile, speaks against a dark paneled wall. He wears a black jacket over a white tee, lit with a cool teal edge light. The camera holds a tight close-up as he talks.
Camera: Static
54 · Other · 2:18–2:20
A bearded man with glasses and a dark bomber jacket speaks to the camera in a dim room, gesturing with one hand. Blurred devices sit on pedestals behind him. The frame fades to black at the end.
Camera: Push in
55 · Outro · 2:20–2:26
A tiny white square centered on black expands into the Warp logo mark as the wordmark warp.dev fades in to its right. The lockup holds for a beat, then the text vanishes and the mark collapses back into the small square.
On-screen text: “warp.dev”
Techniques: Morph
Camera: Static






