Gallery Push
- from @snapcn
Screenshot wall animation: a gallery of app screenshots opening column by column. A wall of screenshots that opens one column at a time. The columns rise into place from below, the one you are being shown first and the wall building outward from it, on a white page washed with the accent in two corners. Then the focus walks: the open column hands its width to its neighbour, the strip slides to keep whichever is open in the middle, and the whole wall creeps forward. Width is the whole trick — each column is a fixed-height box with the screenshot cropped to fill it, so narrowing a column does not shrink the picture, it crops it, and a site at rest reads as a tall slice of itself while the open one reads as a page.
Install
New to shadcn? Set up your project
If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.
pnpm dlx shadcn@latest initpnpm dlx shadcn@latest add @snapcn/gallery-pushLive preview
No live preview has been built for this component yet.
