Technique

Side panel slide in

33 frames in the library match Side panel slide in, across 24 films from 20 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
33
Films
24
Brands
20
Median cut
27.4s

Who shoots this most

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

CleanShot X Make your screenshots pop with CleanShot! at 0:10
CleanShot XMake your screenshots pop with CleanShot!
0:10
CleanShot X Make your screenshots pop with CleanShot! at 0:13
CleanShot XMake your screenshots pop with CleanShot!
0:13
Figma Imagine turning any image into a vector (now you actually can)  → Con... at 0:18
FigmaImagine turning any image into a vector (now you actually can) → Con...
0:18
Figma Imagine turning any image into a vector (now you actually can)  → Con... at 0:19
FigmaImagine turning any image into a vector (now you actually can) → Con...
0:19
Guilherme Rizzo CSS Scan Pro 2.0 - A re-imagined Devtools for web design at 1:40
Guilherme RizzoCSS Scan Pro 2.0 - A re-imagined Devtools for web design
1:40
Guilherme Rizzo CSS Scan Pro 2.0 - A re-imagined Devtools for web design at 1:42
Guilherme RizzoCSS Scan Pro 2.0 - A re-imagined Devtools for web design
1:42
Notion High contrast mode is here.  Notion’s muted design can make content h... at 0:10
NotionHigh contrast mode is here. Notion’s muted design can make content h...
0:10
Framer Framer 3.0 with Agents, Branching, and a new Community at 0:43
FramerFramer 3.0 with Agents, Branching, and a new Community
0:43
Cursor You can now delegate tasks to Cursor directly from Notion.  It's buil... at 0:31
CursorYou can now delegate tasks to Cursor directly from Notion. It's buil...
0:31
Nanoleaf How To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial at 0:46
NanoleafHow To Setup: Nanoleaf PC Screen Mirror Lightstrip | Tutorial
0:46
Notion Version History shouldn’t be a game of spot the difference. So we’ve ... at 0:07
NotionVersion History shouldn’t be a game of spot the difference. So we’ve ...
0:07
Vercel Themes for @v0  • Create your own theme from a prompt • Modify indivi... at 0:10
VercelThemes for @v0 • Create your own theme from a prompt • Modify indivi...
0:10
Perplexity Perplexity Computer for Microsoft  365 at 0:19
PerplexityPerplexity Computer for Microsoft 365
0:19
Anthropic We’ve developed Claude for Chrome, where Claude works directly in you... at 0:10
AnthropicWe’ve developed Claude for Chrome, where Claude works directly in you...
0:10
Cursor You can now search agent transcripts to find past agent chats.  Curso... at 0:01
CursorYou can now search agent transcripts to find past agent chats. Curso...
0:01
Notion Custom Agents 🤝 @SlackHQ   Connect your Custom Agent to Slack to moni... at 0:28
NotionCustom Agents 🤝 @SlackHQ Connect your Custom Agent to Slack to moni...
0:28
OFFEO Facebook Ads Manager: NEW FEATURE! at 0:41
OFFEOFacebook Ads Manager: NEW FEATURE!
0:41
Superhuman Mail Schedule Meetings Without Leaving Email | Superhuman Mail Tutorial at 2:02
Superhuman MailSchedule Meetings Without Leaving Email | Superhuman Mail Tutorial
2:02
Stonly Custom Contact Forms in Stonly at 0:46
StonlyCustom Contact Forms in Stonly
0:46
Stonly Custom Contact Forms in Stonly at 0:50
StonlyCustom Contact Forms in Stonly
0:50
Stonly Custom Contact Forms in Stonly at 0:54
StonlyCustom Contact Forms in Stonly
0:54
Mayday Découvrez Mayday, leader des plateformes de knowledge management at 2:46
MaydayDécouvrez Mayday, leader des plateformes de knowledge management
2:46
Opennote  Introducing Opennote at 1:56corner inset
Opennote Introducing Opennote
1:56
Opennote  Introducing Opennote at 2:04corner inset
Opennote Introducing Opennote
2:04
Opennote  Introducing Opennote at 2:12corner inset
Opennote Introducing Opennote
2:12
Opennote  Introducing Opennote at 2:20corner inset
Opennote Introducing Opennote
2:20
Opennote  Introducing Opennote at 2:28corner inset
Opennote Introducing Opennote
2:28
OpenAI Intro to Agent Builder at 4:20corner inset
OpenAIIntro to Agent Builder
4:20
Contra The AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026) at 2:10corner inset
ContraThe AI Tool Powering a $250K Freelance Design Workflow | Flora Tutorial (2026)
2:10
Basedash Building an internal content moderation app with Basedash in 5 minutes at 0:26corner inset
BasedashBuilding an internal content moderation app with Basedash in 5 minutes
0:26
OpenAI Getting Started with ChatGPT Work at 2:46corner inset
OpenAIGetting Started with ChatGPT Work
2:46
37signals How does Basecamp work? at 1:34corner inset
37signalsHow does Basecamp work?
1:34
Sketch Together Hilos. A place for your team and agents to make stuff at 0:38corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
0:38
That is all 33 of them.

Other technique to compare