Glasses Try-On AI
React Native

Glasses Try-On AI

AI Virtual Eyewear Try-On App

Overview

Glasses Try-On AI is the eyewear app of the Lunaar visual-AI suite: a shopper uploads a selfie, adds the frames they are considering, and the app returns a realistic preview of those glasses on their own face in seconds. It removes the store visit and the guesswork from buying eyewear online, and gives opticians a way to show customers their options instantly. The app was built end to end in React Native (Expo) and released on both the App Store and Google Play.

What It Does

Users upload a photo of themselves and a pair of frames, and receive an AI-generated try-on preview. Both eyeglasses and sunglasses are supported, and multiple frames can be tried and compared side by side to see which shape and color suits the face. Each request runs as an asynchronous job on the shared Lunaar Go backend with live status tracking, metered by a credit economy topped up through RevenueCat in-app subscriptions.

Tech Stack

React NativeExpoTypeScriptExpo RouterRevenueCatReanimatedGo (API)REST
Download on theApp StoreGET IT ONGoogle Play

Key Features

Realistic AI virtual try-on from a single selfie

Eyeglasses and sunglasses support

Side-by-side comparison of frame shapes, colors and styles

Save generated looks and share them before buying

Credit economy with metered generations

RevenueCat-managed subscriptions and credit top-ups

Asynchronous generation with live status tracking

Guided onboarding and paywall flows

Gallery

Glasses Try-On AI screenshot 1Glasses Try-On AI screenshot 2Glasses Try-On AI screenshot 3

Technical Highlights

→React Native + Expo with Expo Router file-based navigation, TypeScript throughout
→Reanimated-driven transitions and gesture-handled interactions for a native feel
→RevenueCat integration for cross-store subscriptions and credit entitlements
→Client for the shared Lunaar Go backend with per-app tenant isolation
→Async job pipeline: submit, poll and stream status without blocking the UI
→Selfie capture and upload pipeline optimized for mobile bandwidth
→EAS build and CI-driven App Store and Google Play releases

Key Achievements

01

Shipped a production eyewear try-on app to the App Store and Google Play end to end

02

Delivered realistic face-aware try-on on the shared Lunaar backend without a separate model stack

03

Implemented a responsive async-generation UX that keeps users informed during long-running AI jobs

04

Integrated RevenueCat billing with a credit economy across both stores

Impact & Results

One of the single-purpose apps in the Lunaar suite, all sharing one Go backend, credit economy and billing layer. Glasses Try-On AI lets shoppers and opticians see frames on a real face before any purchase decision, turning a store-only experience into a few taps.