AR Product Viewer for Framer - Memselon

The Framer × Contra Hackathon challenged creators to push the limits of design and interactivity within the Framer ecosystem. My goal was to merge 3D product visualization with augmented reality (AR) to create a seamless, immersive experience for designers, brands, and end users.

A Framer component that allows users to view products in interactive 3D and instantly switch to AR mode to preview them in their real environment.

Rotate, zoom, and explore products in 3D.

Instantly launch AR to place products in real-world spaces.

Lightweight integration directly inside Framer.

Polished UI/UX to make 3D and AR feel effortless.

🔗 Live demo

Better product experiences → Customers can preview scale, texture, and presence before buying

E-commerce ready → Brands can offer immersive previews directly on their websites

Innovation in Framer → Bringing AR natively into Framer bridges the gap between static design and interactive storytelling

🔗 Get the component here

AR Product Viewer shows how immersive design can transform product storytelling in Framer.

🏆 3rd Place Winner at the Framer × Contra Hackathon

💵 Prize: $2,000

Thanks Framer & Contra 🫰