Technique

Floating ui card

48 frames in the library match Floating ui card, across 26 films from 26 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
48
Films
26
Brands
26
Median cut
9.9s

Who shoots this most

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

Concept Central Introducing iOS 18 | Apple at 1:01
Concept CentralIntroducing iOS 18 | Apple
1:01
Shopify Shopify Editions | Summer ’25 | Trailer at 0:18
ShopifyShopify Editions | Summer ’25 | Trailer
0:18
Cursor You can now create and manage automations in the same workspace as yo... at 0:07
CursorYou can now create and manage automations in the same workspace as yo...
0:07
Paul Klein IV The next billion dollar company will be powered by Browserbase.  We a... at 0:40close presenter
Paul Klein IVThe next billion dollar company will be powered by Browserbase. We a...
0:40
Alex Slater Alex Slater - We fixed flight booking. at 0:33
Alex SlaterAlex Slater - We fixed flight booking.
0:33
heyclicky see you tomorrow at 0:29
heyclickysee you tomorrow
0:29
Notion Skills for your whole team are here.  Most agents start from scratch.... at 0:04
NotionSkills for your whole team are here. Most agents start from scratch....
0:04
Base44 Build your entire business on Base44 at 0:10
Base44Build your entire business on Base44
0:10
The Browser Company Dia Browser | Never Explain Yourself Again at 0:20
The Browser CompanyDia Browser | Never Explain Yourself Again
0:20
The Browser Company Dia Browser | Never Explain Yourself Again at 0:22
The Browser CompanyDia Browser | Never Explain Yourself Again
0:22
MiniMax Design (H3) 🐙MiniMax Design is officially live!  Turn Ideas into Commercial-Grade... at 0:34
MiniMax Design (H3)🐙MiniMax Design is officially live! Turn Ideas into Commercial-Grade...
0:34
Linear Now online and available for delegation: @OpenAI Codex agent  Use Cod... at 0:04
LinearNow online and available for delegation: @OpenAI Codex agent Use Cod...
0:04
Mayday Service client : Mayday Academy, la plateforme de formation intégrée à votre base de connaissance. at 0:34
MaydayService client : Mayday Academy, la plateforme de formation intégrée à votre base de connaissance.
0:34
Stripe Stripe Sessions 2026 keynote in 12 minutes at 4:51wide presenter
StripeStripe Sessions 2026 keynote in 12 minutes
4:51
HubSpot HubSpot launches first CRM deep research connector with ChatGPT | Explained in 30 Seconds at 0:13
HubSpotHubSpot launches first CRM deep research connector with ChatGPT | Explained in 30 Seconds
0:13
HubSpot HubSpot launches first CRM deep research connector with ChatGPT | Explained in 30 Seconds at 0:16
HubSpotHubSpot launches first CRM deep research connector with ChatGPT | Explained in 30 Seconds
0:16
Dan Siroker Introducing Limitless: a personalized AI powered by what you’ve seen,... at 4:51
Dan SirokerIntroducing Limitless: a personalized AI powered by what you’ve seen,...
4:51
Google Workspace There are 5 types of Docs. Which are you? at 1:10
Google WorkspaceThere are 5 types of Docs. Which are you?
1:10
Google Workspace There are 5 types of Docs. Which are you? at 1:16
Google WorkspaceThere are 5 types of Docs. Which are you?
1:16
Figma We’re Gridmaxxing  → Drag to reorder columns/rows → Automatic positio... at 0:07
FigmaWe’re Gridmaxxing → Drag to reorder columns/rows → Automatic positio...
0:07
Spline How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks at 3:26
SplineHow to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks
3:26
Ray-Ban | Meta Meet the World's Most Advanced AI Glasses | Meta Ray-Ban Display @ Connect 2025 at 2:54
Ray-Ban | MetaMeet the World's Most Advanced AI Glasses | Meta Ray-Ban Display @ Connect 2025
2:54
Ray-Ban | Meta Meet the World's Most Advanced AI Glasses | Meta Ray-Ban Display @ Connect 2025 at 3:07
Ray-Ban | MetaMeet the World's Most Advanced AI Glasses | Meta Ray-Ban Display @ Connect 2025
3:07
Wispr Flow Wispr Flow for iPhone at 0:40close presenter
Wispr FlowWispr Flow for iPhone
0:40
Wispr Flow Wispr Flow for iPhone at 0:43close presenter
Wispr FlowWispr Flow for iPhone
0:43
Wispr Flow Wispr Flow for iPhone at 0:52close presenter
Wispr FlowWispr Flow for iPhone
0:52
Supabase Codex Helped Me Put the World Cup on My Desk at 2:42
SupabaseCodex Helped Me Put the World Cup on My Desk
2:42
tl;dv - meeting assistant tl;dv - Get Insights Across Multiple Meetings in Seconds at 0:02corner inset
tl;dv - meeting assistanttl;dv - Get Insights Across Multiple Meetings in Seconds
0:02
Product Fit Quick introduction at 0:18corner inset
Product FitQuick introduction
0:18
Product Fit Quick introduction at 0:22corner inset
Product FitQuick introduction
0:22
Product Fit Quick introduction at 0:26corner inset
Product FitQuick introduction
0:26
Product Fit Quick introduction at 0:30corner inset
Product FitQuick introduction
0:30
Product Fit Quick introduction at 0:34corner inset
Product FitQuick introduction
0:34
Product Fit Quick introduction at 0:38corner inset
Product FitQuick introduction
0:38
Lobe Introducing Lobe  |  Build your first machine learning model in ten minutes. at 8:44corner inset
LobeIntroducing Lobe | Build your first machine learning model in ten minutes.
8:44
Lobe Introducing Lobe  |  Build your first machine learning model in ten minutes. at 8:52corner inset
LobeIntroducing Lobe | Build your first machine learning model in ten minutes.
8:52
Lobe Introducing Lobe  |  Build your first machine learning model in ten minutes. at 9:00corner inset
LobeIntroducing Lobe | Build your first machine learning model in ten minutes.
9:00
Lobe Introducing Lobe  |  Build your first machine learning model in ten minutes. at 9:08corner inset
LobeIntroducing Lobe | Build your first machine learning model in ten minutes.
9:08
Lobe Introducing Lobe  |  Build your first machine learning model in ten minutes. at 9:16corner inset
LobeIntroducing Lobe | Build your first machine learning model in ten minutes.
9:16
Lobe Introducing Lobe  |  Build your first machine learning model in ten minutes. at 9:24corner inset
LobeIntroducing Lobe | Build your first machine learning model in ten minutes.
9:24
D-ID AI Video Platform Learn how to Produce a video in D-ID Studio at 0:04medium presenter
D-ID AI Video PlatformLearn how to Produce a video in D-ID Studio
0:04
D-ID AI Video Platform Learn how to Produce a video in D-ID Studio at 0:07
D-ID AI Video PlatformLearn how to Produce a video in D-ID Studio
0:07
D-ID AI Video Platform Learn how to Produce a video in D-ID Studio at 0:10wide presenter
D-ID AI Video PlatformLearn how to Produce a video in D-ID Studio
0:10
D-ID AI Video Platform Learn how to Produce a video in D-ID Studio at 1:43medium presenter
D-ID AI Video PlatformLearn how to Produce a video in D-ID Studio
1:43
Airtime How to add your company's branding to Zoom calls in 2025 with Airtime Camera at 1:54close presenter
AirtimeHow to add your company's branding to Zoom calls in 2025 with Airtime Camera
1:54
Airtime How to add your company's branding to Zoom calls in 2025 with Airtime Camera at 1:58close presenter
AirtimeHow to add your company's branding to Zoom calls in 2025 with Airtime Camera
1:58
Airtime How to add your company's branding to Zoom calls in 2025 with Airtime Camera at 2:06close presenter
AirtimeHow to add your company's branding to Zoom calls in 2025 with Airtime Camera
2:06
Airtime How to add your company's branding to Zoom calls in 2025 with Airtime Camera at 2:10close presenter
AirtimeHow to add your company's branding to Zoom calls in 2025 with Airtime Camera
2:10
That is all 48 of them.

Other technique to compare