App Reveal
A wordmark that folds into an app, and a camera that flies around it.
How it moves
The mark holds the frame alone, shrinks into the header of a card that builds around it, then the camera dives past the card, rolls, and backs off into a settled front-on framing — while the greeting types, the suggestion chips land one at a time and the input bar arrives. The camera is keyed off the reference's own measurements: its distance from the card's apparent width frame by frame, its roll from a straight-line fit to the card's top edge. Every surface the card paints comes from the design system.
Installation
$ pnpm dlx shadcn@latest add @snapcn/app-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 App Reveal to a Remotion project?
App Reveal is part of snapcn Pro, and installs with the same shadcn CLI as every free component: npx shadcn@latest add @snapcn/app-reveal. The source is copied into your project and is yours to edit — there is no runtime package to keep installed.
What is App Reveal?
App Reveal is a Remotion product demo animation for React. A wordmark that folds into an app, and a camera that flies around it.
Is App 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.