Crazy Website Effect with Framer + Midjourney + Depth Mapping (Full Tutorial)

In this Framer tutorial, I'm showing you how to create "impossible" 3D scan effects using AI and a special component. You'll learn how to combine Midjourney, depth maps, and interactive cards to create mind-bending visuals that shouldn't be possible in Framer. Perfect for pushing the boundaries of what's possible in web design.

Taught by

Nandi

Remix project file

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

More lessons

View all

The Most Underrated Framer Scroll Animation...
The Most Underrated Framer Scroll Animation...
The Most Underrated Framer Scroll Animation...
Framer Tutorial: Build a Site That Actually Looks "Pro" (2026)
Framer Tutorial: Build a Site That Actually Looks "Pro" (2026)
Framer Tutorial: Build a Site That Actually Looks "Pro" (2026)