Device slide reveal

Make it fit your project.

Build an eight-second product screen scene. Slide a simple unbranded device outline upward by 60px with a small tilt correction, hold a user-provided screen inside it, then introduce one concise annotation. Keep the screen region at least half the frame height and avoid a fast camera move.

Build and check.

1. Confirm the supplied content, target environment, and required assets before implementing.
2. Build an eight-second product screen scene. Slide a simple unbranded device outline upward by 60px with a small tilt correction, hold a user-provided screen inside it, then introduce one concise annotation. Keep the screen region at least half the frame height and avoid a fast camera move.
3. Expose seek(t) so frames can be inspected deterministically; add play, pause, replay, and a reduced-motion still.
4. Inspect the opening, midpoint, and final state at desktop and mobile sizes; report any dependency or output limitation.

Know the limits.

• Use an unbranded outline unless branded assets are cleared. Long screens need a deliberate crop.
• The prompt guides a coding agent; output quality depends on its implementation and review.

Want us to build it?

Send an optional project brief. We’ll receive your contact details, project description, and this recipe’s ID.