Render AI — Sketch to Render
React Native

Render AI — Sketch to Render

AI Sketch-to-Render App for Interiors, Exteriors & Kitchens

Overview

Render AI is the architectural-visualization app of the Lunaar suite, turning rough sketches and reference photos into photorealistic renders for interior, exterior and kitchen scenes. It is aimed at architects, interior designers and remodelers who need fast concept visualization directly from a phone. The app was built end to end in React Native (Expo) and released on the App Store.

What It Does

Users upload a sketch or photo, choose a scene type (interior, exterior, kitchen), surface finishes and lighting or time-of-day settings, and receive a photorealistic render. Each render is submitted to the shared Lunaar Go backend as an asynchronous job, with live status surfaced in-app until the image is ready. Generations are metered by a credit economy and funded through RevenueCat subscriptions.

Tech Stack

React NativeExpoTypeScriptExpo RouterRevenueCatReanimatedGo (API)REST

Key Features

AI sketch-to-render for interior, exterior and kitchen scenes

Scene selection with surface-finish and lighting/time-of-day controls

Credit economy with metered renders

RevenueCat-managed in-app subscriptions and credit top-ups

Asynchronous generation with live status tracking

Native gallery of renders, saveable to the device

Guided onboarding and paywall flows

Gallery

Render AI — Sketch to Render screenshot 1Render AI — Sketch to Render screenshot 2Render AI — Sketch to Render screenshot 3Render AI — Sketch to Render screenshot 4Render AI — Sketch to Render screenshot 5

Technical Highlights

React Native + Expo with Expo Router file-based navigation, TypeScript throughout
Reanimated-driven transitions and native-feeling interaction design
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 render status without blocking the UI
Multi-parameter generation requests (scene, surface, lighting) modeled cleanly in the client
EAS build and CI-driven App Store release

Key Achievements

01

Shipped a production sketch-to-render app to the App Store end to end

02

Delivered three distinct scene pipelines (interior, exterior, kitchen) behind one shared backend

03

Built a parameter-rich generation UX (scene, surface, lighting) that stays responsive during long AI jobs

04

Reused the same render engine that powers the Lineadecor B2B kitchen configurator

Impact & Results

A Lunaar suite app built end to end, sharing the suite's Go backend, credit economy and billing layer. The render engine behind it also powers the Lineadecor B2B kitchen configurator, so the mobile app and a commercial B2B product ship from one codebase and pipeline.