Go to Shadcn Labs/snapcn
101 components
DocsComponentsTemplatesVideo EditorNewMCPNewRemotion StudioNewRoadmapChangelog
GitHub

Star snapcn

Free, open-source components.

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

Star on GitHubXFollow

46 MIT · 55 Pro · own your code.

© 2026 snapcn

DocsComponentsTemplatesVideo EditorNewMCPNewRemotion StudioNewRoadmapChangelog

Components

Every component in snapcn, ready to install.
Updated 7h ago
AllText & TitlesCaptionsLogosScreens & DevicesCharts & StatsSocial ProofScenesAI Chat Input
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro
Pro

Screens & Devices

Laptop Open

A laptop opening out of focus, holding, and then swallowing the lens. 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.

Get the pro catalogue
Type
Animation
Category
Screens & Devices
Source
snapcn

Price

$129 a year · $249 outright

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 MacBook open animation for React. A laptop opening out of focus, holding, and then swallowing the lens.

Is Laptop Open free?

No. It is one of 55 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 46 snapcn components are free and MIT.