Preview
Usage
The laptop counterpart to PhoneFrame. Pick any other composition from the library and it renders inside a realistic laptop mockup — choose Space Gray or Silver — with a spring drop-in entrance.
The inner composition uses its own default props and is rendered into the screen area at its native dimensions, scaled to fill with cover fit. Reach for this when you want a software-product feel: wrap a BrowserWindow for a SaaS demo, a CursorWalkthrough for an onboarding clip, or a TypingSearch for a search-product hero.
The composition is 1920×1080 (16:9) — same aspect as YouTube, landing-page hero videos, and most product launch slates.
Props
| Name | Type | Default |
|---|---|---|
| chassis | "space-gray" | "silver" | "space-gray" |
| screenImage | string (url) | "" |
| innerCompositionId | string (composition id) | "BrowserWindow" |
| backgroundColor | string (hex) | "#ffffff" |
Composition
- ID
- LaptopFrame
- Resolution
- 1920×1080
- FPS
- 60
- Duration
- 13.0s