Tag

Before and after

30 frames in the library match Before and after, across 27 films from 18 brands. Every one was measured off the film itself rather than read off a description of it, so this is how the shot gets used in practice rather than how a style guide says it ought to be.

There are no renders on this page and no gear lists. Each still below is a real second of a film you can go and watch, and every number counts actual frames rather than estimating from a sample.

Frames
30
Films
27
Brands
18
Median cut
4.4s

Who shoots this most

Ranked by how many frames each brand puts into this cut of the library.

Figma All the launches at Config 2025 | Figma at 0:21
FigmaAll the launches at Config 2025 | Figma
0:21
Figma Figma Motion basics: Path trim at 1:26
FigmaFigma Motion basics: Path trim
1:26
Runway Introducing the Multi-Shot App. An easy way to go from a simple promp... at 0:16
RunwayIntroducing the Multi-Shot App. An easy way to go from a simple promp...
0:16
Perplexity Introducing: Deep Research on Perplexity at 0:43
PerplexityIntroducing: Deep Research on Perplexity
0:43
Framer Hard work, easy website. Get a Free Domain with Framer. at 0:08medium presenter
FramerHard work, easy website. Get a Free Domain with Framer.
0:08
Guilherme Rizzo CSS Pro - Editing elements on Responsive Mode (3.4) at 0:49
Guilherme RizzoCSS Pro - Editing elements on Responsive Mode (3.4)
0:49
Uizard Uizard: the design tool for everyone, powered by AI at 0:56
UizardUizard: the design tool for everyone, powered by AI
0:56
Ben Issen (Beni) instaprice: the pricing calculator for freelance projects (TRAILER) at 0:13
Ben Issen (Beni)instaprice: the pricing calculator for freelance projects (TRAILER)
0:13
Framer This is the best Seedance hack ever.  You can convert any 16:9 video ... at 0:00
FramerThis is the best Seedance hack ever. You can convert any 16:9 video ...
0:00
Base44 Turn any idea into an app with Base44 at 0:38
Base44Turn any idea into an app with Base44
0:38
Runway Ever wish you could scribble a prompt instead of needing to write it?... at 0:25wide presenter
RunwayEver wish you could scribble a prompt instead of needing to write it?...
0:25
Cursor Cursor can now attach demos and screenshots of its work to PRs it ope... at 0:19
CursorCursor can now attach demos and screenshots of its work to PRs it ope...
0:19
Cursor You can now see a breakdown of your agent's context usage in Cursor 3... at 0:25
CursorYou can now see a breakdown of your agent's context usage in Cursor 3...
0:25
Google What is Nano Banana? at 0:36
GoogleWhat is Nano Banana?
0:36
Mobbin I Gave Claude 600,000 UI Screens… Then This Happened at 0:03
MobbinI Gave Claude 600,000 UI Screens… Then This Happened
0:03
OFFEO OFFEO Tutorial | Basics 18: Branded Design templates (Updated!) at 3:14
OFFEOOFFEO Tutorial | Basics 18: Branded Design templates (Updated!)
3:14
Rippling Introducing Rippling AI Spend Console at 0:10
RipplingIntroducing Rippling AI Spend Console
0:10
Microsoft Design Microsoft Designer launch video at 0:07
Microsoft DesignMicrosoft Designer launch video
0:07
Base44 Move faster with a Base44 Superagent at 0:49wide presenter
Base44Move faster with a Base44 Superagent
0:49
Figma The new AI image tools, now rolling out in FigJam, Buzz, & Slides... at 0:13
FigmaThe new AI image tools, now rolling out in FigJam, Buzz, & Slides...
0:13
Cursor Copilot++ is now ~2x faster!  This speedup comes from inference optim... at 0:04
CursorCopilot++ is now ~2x faster! This speedup comes from inference optim...
0:04
Cursor Copilot++ is now ~2x faster!  This speedup comes from inference optim... at 0:10
CursorCopilot++ is now ~2x faster! This speedup comes from inference optim...
0:10
OFFEO OFFEO Tutorial | How to [Brand] Series: NIKE at 2:30
OFFEOOFFEO Tutorial | How to [Brand] Series: NIKE
2:30
Spline Deep Dive into Hana’s New Features: Figma Import, Pencil Tool, Frame as Fill & More at 2:22
SplineDeep Dive into Hana’s New Features: Figma Import, Pencil Tool, Frame as Fill & More
2:22
Spline Deep Dive into Hana’s New Features: Figma Import, Pencil Tool, Frame as Fill & More at 2:26
SplineDeep Dive into Hana’s New Features: Figma Import, Pencil Tool, Frame as Fill & More
2:26
852話(hakoniwa) AIの動画アウトプットを『前景/キャラクターの単色バック』『背景のみ』の動画に分解するcomfyuiのワークフローを作っていた 厳密にはボ... at 0:34corner inset
852話(hakoniwa)AIの動画アウトプットを『前景/キャラクターの単色バック』『背景のみ』の動画に分解するcomfyuiのワークフローを作っていた 厳密にはボ...
0:34
852話(hakoniwa) AIの動画アウトプットを『前景/キャラクターの単色バック』『背景のみ』の動画に分解するcomfyuiのワークフローを作っていた 厳密にはボ... at 0:37medium presenter
852話(hakoniwa)AIの動画アウトプットを『前景/キャラクターの単色バック』『背景のみ』の動画に分解するcomfyuiのワークフローを作っていた 厳密にはボ...
0:37
Lovable One Man vs. the Trillion Dollar Travel Industry at 0:04medium presenter
LovableOne Man vs. the Trillion Dollar Travel Industry
0:04
Contra The AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026) at 4:18
ContraThe AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026)
4:18
Google How to build apps and automate tasks with Google Antigravity 2.0 at 0:30corner inset
GoogleHow to build apps and automate tasks with Google Antigravity 2.0
0:30
That is all 30 of them.

Other tag to compare