Focus Pull
A phrase at a time, resolving out of a moving colour field.
How it moves
Each line arrives from the right, oversized and defocused, and pulls into focus a glyph at a time while the whole line decelerates into place and keeps creeping. At the end of its beat it goes back out the way it came in, and the next line is already resolving over the top of it — so the cut never reads as a cut. Everything blue about the type is the field showing through a glyph that has not finished arriving: the ink is plain white, and there is no blend mode, no glow and no second colour anywhere in it.
Installation
$ pnpm dlx shadcn@latest add @snapcn/focus-pullNeeds 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 Focus Pull to a Remotion project?
Focus Pull is part of snapcn Pro, and installs with the same shadcn CLI as every free component: npx shadcn@latest add @snapcn/focus-pull. The source is copied into your project and is yours to edit — there is no runtime package to keep installed.
What is Focus Pull?
Focus Pull is a Remotion text animation for React. A phrase at a time, resolving out of a moving colour field.
Is Focus Pull 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.