Spatial Phone Stack

About

Spatial Phone Stack turns a set of images and videos into a deck of phone screens floating in real 3D space.

The screens travel around a soft depth curve. The active screen steps forward and sharpens while its neighbours tilt away, blur and fall back. Move your cursor and the whole stack leans toward it, so the carousel reads as an object standing on the page rather than a strip of images.

Drag it, swipe it, scroll it or use the arrow keys. Motion is spring-based and snaps cleanly to the nearest screen. Images and videos can be mixed, each screen can link somewhere, and slides can come straight from a CMS collection.

Preview: https://spatialphonestack.framer.website/

Great For

App launches, SaaS and AI product sites, portfolios and case studies, e-commerce galleries, agency showreels, mobile UI previews, video-first showcases, editorial storytelling, and any section where a flat screenshot would look cheap.

Features

📱 Real 3D device stack with true perspective

🖥 Phone frame built in CSS — notch, home bar, side buttons

✨ Five finishes: Obsidian, Graphite, Silver, Ink, Porcelain

🎞 Mix images and videos on one deck

♾ Infinite looping both ways

🖱 Cursor-follow parallax across the stack

✋ Drag, swipe, trackpad and wheel navigation

⌨ Arrow-key and Home/End control

🧲 Spring physics with momentum

▶ Optional autoplay

🔍 Progressive focus blur

🌈 Chromatic edge split

💡 Movable specular highlight

🖼 Per-slide links and alt text

🔌 CMS-collection binding

📱 Responsive mobile variant

♿ Reduced-motion support

🎛 Native property controls — no code

Customize Everything

Four groups — Layout, 3D Motion, Screen Effects, Interaction — hold 33 controls: device size, spread, overlap, depth, curve, perspective, tilt, cursor influence, spring, damping, scales, focus blur, opacity, chromatic split, shadow, highlight, drag, snap, loop, autoplay and mobile depth.

Support

X: @knowtake · team.knowtake@gmail.com