Laptop Lid Opens to Screen — effect skill for device mockups

For AI agents: find the right skill in one call — curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>" returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the how-to page.

A laptop lid tilts open and the screen content lifts toward the viewer, then becomes the full frame.

What it does

Built on Macbook Scroll by aceternity, Aceternity License (free components). The write-up and recipes below are varg's.

Low-angle MacBook; the lid swings up, the screen lights, and the camera pushes into the display until the UI fills the frame.

When: Desktop app or web app hero reveal; a premium transition from title to product.

Watch out: Do not keep the UI tiny on the laptop for long; push in within 1–2 s.

Timing: Lid 0.8–1.0 s power2.out, push-in 0.8 s expo.inOut.

Also called: MacBook reveal, laptop open, lid tilt

In HyperFrames

npx hyperframes add macos-tahoe-liquid-glass

Use its camera move to push into the screen, then cut to the flat recording.

In Remotion

const lid = interpolate(frame,[0,24],[-90,0],{extrapolateRight:'clamp',easing:Easing.out(Easing.quad)});
<div style={{transform:`perspective(1600px) rotateX(${lid}deg)`, transformOrigin:'50% 100%'}}><Screen/></div>

In CapCut

Use a laptop template from Templates → search "laptop mockup"; replace the screen media; keyframe Scale to push into it.

Ready-made components

Where this comes from

Use when

Not for

Install

Example output

https://s3.varg.ai/how-to/previews/cccf2248df97/lib-aceternity-macbook-scroll.mp4 — Preview of the Macbook Scroll component that builds this take (credit: Rendered by varg from the library’s own code (Aceternity UI), https://ui.aceternity.com/components/macbook-scroll)

More device mockups skills

Run the generation on varg

varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.