About a Project
ArchVizRemix is a full-stack web application that revolutionizes architectural visualization through AI-powered image transformation. Built with React 19, TypeScript, Vite, Supabase, and Google Gemini AI, the platform enables architects, designers, and visualization professionals to transform architectural images into various artistic styles, edit them with advanced post-processing tools (11 parameters), and organize their work in a streamlined project-based system. It combines Gemini 2.5 Flash Image Preview for style generation, Real-ESRGAN for upscaling, Stripe for subscriptions and credit top-ups, and an admin dashboard for user management and system monitoring.
Project Idea
- Transform architectural renders into various artistic styles quickly using AI, without expensive manual workflows.
- Provide professional-grade editing and upscaling so outputs are suitable for client presentations and portfolios.
- Offer project-based organization and flexible pricing (free tier, subscription, credit top-ups) for different user needs.
Project Challenges
- Controlling AI API usage and costs while keeping the experience responsive and predictable.
- Designing a UI that makes 33+ styles and 11 editor parameters approachable without overwhelming users.
- Keeping subscription state, credits, and storage limits in sync across Stripe, database, and client.
- Handling large images and long upscale/generation times without degrading UX.
Results
- Powerful AI style transformation and professional tools
- Organized workflow and flexible pricing
- Enterprise-ready platform with admin and scalability
Business Challenges
AI API rate limits and usage control required a credit-based system with pre-generation validation. Image storage costs were addressed with tier-based limits and thumbnails. Real-time subscription updates relied on Stripe webhooks and database triggers. Complex parameter selection and long generation times demanded intuitive dropdowns, quick-action presets, loading indicators, and settings copy/paste.
- Controlling AI API usage and costs while keeping the experience responsive and predictable.
- Designing a UI that makes 33+ styles and 11 editor parameters approachable without overwhelming users.
- Keeping subscription state, credits, and storage limits in sync across Stripe, database, and client.
- Handling large images and long upscale/generation times without degrading UX.
Project in Details
A full-stack AI-powered architectural visualization platform built with React 19, Supabase, Google Gemini AI, and Stripe, combining style transformation, advanced editing, and project management.
System Architecture
Product Essentials
Implemented credit system with monthly reset and Stripe-backed subscriptions; pre-generation checks and graceful error handling. Storage limits per tier with automatic thumbnails and efficient compression. Stripe webhook Edge Function for checkout.session.completed, subscription.updated/deleted, invoice events; client polling for immediate feedback. Intuitive style selector with descriptions, 11-parameter editor with sliders, quick actions (Decorate, Add People, Sketchy Lines, Rain/Snow), and parallel generation for variations.
AI style transformation (33+ styles, blending, time of day, season)
A full-stack web application that revolutionizes architectural visualization through AI-powered image transformation that enables architects and designers to transform architectural images into 33+ artistic styles, edit with advanced post-processing tools.
This feature provides comprehensive functionality with a responsive, mobile-first experience to enhance user experience and streamline operations.
Planning to build an AI-powered visualization or creative tool?
Tell us about your use case and we'll help you design and build a scalable platform with AI integration, subscriptions, and a polished user experience.
Development in Detail
- Built React 19 + Vite app with CreatorPanel, ImageEditor, GenerationResultView, Header, Tabs; auth (LoginScreen, SignupScreen, ProtectedRoute), admin (AdminDashboard, AdminUserList, AdminUserDetail, AdminStats), billing (BillingPage), obj-viewer (ObjViewer, RenderPanel, CameraControls).
- Implemented Gemini integration: base image upload (Base64), prompt construction (style, blend, time of day, season), API call, response processing, storage in Supabase with metadata.
- Created image editor with 11 sliders and quick actions; reference image and mask-based editing; copy/paste settings; send to creator.
- Integrated Real-ESRGAN Edge Function with 2x/4x/8x limits (4000×4000, 2000×2000, 1000×1000); polling for status and error handling.
- Designed schema: user_profiles (role, preferences), user_subscriptions (Stripe, credits), projects, saved_images (params JSONB, post-processing JSONB), generation_history.
- Implemented Stripe Checkout and webhook (checkout.session.completed, customer.subscription.updated/deleted, invoice.payment_succeeded/failed); billing page with plan, usage, portal link.
- Added handle_new_user trigger (profile + default subscription), increment_generations_used, reset_monthly_usage, admin_add_user_credits; RLS policies for user and admin access.
- Styled with Tailwind CSS 4 and Radix UI; dark theme, responsive layout, lazy loading and memoization for performance.
Technology stack
Built with modern technologies and best practices to ensure scalability and performance.
Web Architecture
Results Obtained
Delivered a production-ready AI-powered architectural visualization platform: 33+ styles with blending and environmental controls, professional editing and upscaling, project-based workflow, flexible free tier and Creator Plan, and admin dashboard for user and system management. The platform demonstrates full-stack integration, RLS security, and scalable architecture for architects and designers.
Powerful AI style transformation and professional tools
Architects and designers can apply 33+ artistic styles with blending and environmental controls, then refine with 11-parameter editing and Real-ESRGAN upscaling for client-ready outputs.
Organized workflow and flexible pricing
Project-based organization, storage limits per tier, and Stripe-backed free tier plus Creator Plan and credit top-ups fit individual and studio workflows.
Enterprise-ready platform with admin and scalability
Admin dashboard for user management and system stats, RLS and secure functions, and modern stack (React 19, Supabase, Edge Functions) position ArchViz Remix for growth.
Our client say
United States“ArchViz Remix has become our go-to tool for styled architectural visuals. The 33+ styles and Gemini integration are powerful, the editor and upscaling are professional-grade, and the project organization keeps everything in one place. The subscription model fits our workflow perfectly.”