Compare Split
Before and after animation: the old screen and the new one share the frame, split by a handle that stops halfway so both read, then hands the whole frame to the new screen.
- Length
- 150 frames, 5.0s at 30 fps
- Film beat
- Show the product
- Frame
- 1920 by 1080
Install it
npx shadcn@latest add https://better-design.com/registry/video/compare-split.jsonPass your product's colours through the theme prop, and its own copy and pictures through the other props.