AI / 06

Konoz AR.

An Arabic camera experience inspired by Egyptian destinations.

The application

Konoz AR combines destination discovery with an interactive photo experience. The browser separates a person from their camera background and places them into selected destination imagery. Arabic onboarding, destination information, camera switching, and photo download form the core journey.

What it does

Arabic onboarding and a destination-themed interface.
Browser camera input and person segmentation.
Destination backgrounds and contextual information.
Camera switching, photo capture, and image download.

How it works

React manages the experience, MediaPipe Selfie Segmentation isolates the person, and Canvas composites camera frames with destination backgrounds. Framer Motion handles transitions. The core experience is background replacement and photo capture rather than spatially anchored 3D tracking.

Built with

React
TypeScript
Vite
MediaPipe
Canvas API
Framer Motion
Tailwind CSS

05 / Konoz AR

Inside the application

Real application screenshots. Interface language and sample content reflect the source application.