snapcn
89 components
DocsComponentsTemplatesVideo EditorNewMCPNewRoadmapChangelog

Getting started

IntroductionInstallationAgent skill
GitHub

Star snapcn

Free, open-source components.

Production-ready Remotion animations, transitions and backgrounds — you own the code, free or paid.

Star on GitHubXFollow

41 MIT · 48 Pro · own your code.

© 2026 snapcn

Loading
snapcn
89 components
DocsComponentsTemplatesVideo EditorNewMCPNewRoadmapChangelog

Getting started

IntroductionInstallationAgent skill
GitHub

Star snapcn

Free, open-source components.

Production-ready Remotion animations, transitions and backgrounds — you own the code, free or paid.

Star on GitHubXFollow

41 MIT · 48 Pro · own your code.

© 2026 snapcn

DocsComponentsTemplatesVideo EditorNewMCPNewRoadmapChangelog
Getting startedIntroductionInstallationAgent skill

Laptop Open

A laptop opening out of focus, holding, and then swallowing the lens.

Get Laptop Open with Proor get Manifesto free48 Pro components · $129 a year or $249 once

How it moves

The shot starts a hand's width from the glass with everything but the line blurred out of it, pulls back until the whole machine is on the page, holds while whatever is on the screen plays, and then pushes back in until the screen is the frame — and comes out the other side as a field of colour with a line typing itself across it. The pose is four numbers a frame: the lid is symmetric about x = 354.5 on all 93 frames it is measurable on (±0.5), so the projective pose of a rectangle facing the lens collapses to the half-width of the glass's top edge, the half-width of its bottom edge, and the two rows they sit on. Which edge is the wider one changes sign partway through — the lens starts above the glass and ends under it — and that is the whole of the perspective, and the reason this cannot be a scale and a rotateX: the tilt and the camera distance trade off exactly, and solving for both is solving for a number the recording does not contain. Everything else on the machine is that quad again — the lid is the glass plus a bezel in the glass's own plane, which is what makes the chin come out deeper than the brow the way a real machine seen from below does — and only the deck is a second plane, hinged on the glass's bottom edge.

Installation

pnpm
$ pnpm dlx shadcn@latest add @snapcn/laptop-open

Needs an existing Remotion project and a components.json. Two-minute setup if this is your first snapcn component.

Frequently asked questions

How do I add Laptop Open to a Remotion project?

Laptop Open is part of snapcn Pro, and installs with the same shadcn CLI as every free component: npx shadcn@latest add @snapcn/laptop-open. The source is copied into your project and is yours to edit — there is no runtime package to keep installed.

What is Laptop Open?

Laptop Open is a Remotion product demo animation for React. A laptop opening out of focus, holding, and then swallowing the lens.

Is Laptop Open free?

No. It is one of 48 Pro components, sold together: $129 a year for the whole catalogue and everything that ships while your year runs, or $249 once to own it outright. The other 41 snapcn components are free and MIT.

More in this category

  • App RevealA wordmark that folds into an app, and a camera that flies around it.
  • Brief SendAn empty project page pulls away, and the brief that fills it gets sent.
  • Build OutA send button that fills the frame, and the app that comes out of it.
  • Checkout PushA phone paying for something, pushed through the camera.
  • Gallery PushA wall of screenshots that opens one column at a time.
  • LCD TypeA type specimen on a screen you can see the pixels of.

Get the next component in your inbox

New free components as they ship, and the pro pack first when it lands. One email a week at most, never a sponsored one.