Lockup Reveal
A logo lockup opening on a construction grid, then turning out to be a window.
How it moves
The mark starts alone in the middle of a dark card and slides aside while the name slides out of a slot behind it, the whole lockup settling from 1.1x, with dashed hairlines riding every edge. A gradient rises inside the letterforms, and the card cuts to that same gradient full-frame with the lockup knocked out in paper. The fill is not a second gradient: it is the light scene itself shrunk to the mark's height, and one rise carries across the cut. Built frame by frame against a screen recording and verified at its own capture timestamps: 0.6 of 255 mean per pixel over all 80 frames. The name is set as outlines, because a browser will not put a baseline between two pixel rows and this one slides two pixels under the settle.
Installation
$ pnpm dlx shadcn@latest add @snapcn/lockup-revealNeeds 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 Lockup Reveal to a Remotion project?
Lockup Reveal is part of snapcn Pro, and installs with the same shadcn CLI as every free component: npx shadcn@latest add @snapcn/lockup-reveal. The source is copied into your project and is yours to edit — there is no runtime package to keep installed.
What is Lockup Reveal?
Lockup Reveal is a Remotion logo animation for React. A logo lockup opening on a construction grid, then turning out to be a window.
Is Lockup Reveal 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.