Library Flight
A title, a fly-through of the whole library, and the line it adds up to.
How it moves
"snapcn Pro" shrinks away, a cluster of screens flies at the camera and opens into a wall of snapcn components, the wall drifts and then whips aside to reveal the first word already sliding in, and the page cuts to "One subscription." then "Endless videos." — each second word landing as the first one moves over. The wall is 32 screens on their own measured tracks (a single 3D camera fits it to 2.7–6.7px, so none is used), with the fly-in cards drawn from their four corners because they are turned in depth; the lines are drawn at 4–8x and averaged down so a zoom of a quarter pixel a frame stays smooth. Built frame by frame against a screen recording: 4.6 of 255 mean per pixel over all 97 captures, 1.1–1.3 on the type.
Installation
$ pnpm dlx shadcn@latest add @snapcn/library-flightNeeds 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 Library Flight to a Remotion project?
Library Flight is part of snapcn Pro, and installs with the same shadcn CLI as every free component: npx shadcn@latest add @snapcn/library-flight. The source is copied into your project and is yours to edit — there is no runtime package to keep installed.
What is Library Flight?
Library Flight is a Remotion launch video template for React. A title, a fly-through of the whole library, and the line it adds up to.
Is Library Flight 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.