Skip to content

Amaan9136/ai-interior-designer

Repository files navigation

AI Interior Designer

AI-Based Interior Designer transforms room photos into stunning redesigns using a multi-stage AI pipeline. Upload an image, select style and room type, and receive three high-quality variants with detailed analysis.

Features

  • AI-Powered Pipeline: LLaVA analyzes room → Enhanced prompts → FLUX.1 generates 3 design variants per upload
  • Interactive UI: Drag-and-drop upload, theme/room selectors, animated results reveal
  • Full Analysis: Image descriptions, optimized prompts, processing times displayed
  • Export Ready: Individual image downloads, copy-to-clipboard prompts
  • Responsive Design: Glassmorphism UI with Framer Motion animations

Tech Stack

Component Technology
Frontend Next.js 15, TypeScript, Tailwind CSS, Framer Motion
UI Components shadcn/ui, Heroicons, react-dropzone
AI Pipeline LLaVA (Ollama), FLUX.1 (Hugging Face), Custom prompt enhancement
Animations Staggered reveals, scroll-triggered effects

Quick Setup

  1. Clone repository and install dependencies npm install

  2. Copy environment template cp .env.example .env

  3. Configure API keys (see Environment Variables)

  4. Run Ollama with LLaVA model First Install Ollama, then: ollama pull llava ollama pull mistral ollama serve

  5. Start development server npm run dev

Environment Variables

Create .env.local using .env.example:

Hugging Face API token for FLUX.1 inference HF_TOKEN=your_huggingface_token_here

Ollama API endpoint (default localhost) OLLAMA_API_URL=http://localhost:11434

.env.example content: HF_TOKEN= OLLAMA_API_URL=http://localhost:11434

Usage

  1. Upload: Drag PNG/JPEG (<5MB) or click to select
  2. Configure: Select room type and design theme
  3. Optional: Add custom instructions (max 100 chars)
  4. Generate: Click submit → Watch 3 variants appear sequentially
  5. Export: Download images or copy enhanced prompts

API Pipeline

POST /api/generate receives FormData with image, style, room, userPrompt.

Response Structure: { success: boolean, model: string, // "FLUX.1-schnell" pipeline: string, // "llava→enhance→flux" imageDescription: string,// LLaVA room analysis enhancedPrompts: string[], // 3 optimized variants images: string[], // 3 base64 PNGs (no data: prefix) processingTime: string, // "12.4s" originalImageBase64: string }

Supported Themes & Rooms

Themes: Modern, Vintage, Minimalist, Professional

Rooms: Living Room, Dining Room, Bedroom, Bathroom, Office

Troubleshooting

Issue Solution
"Network error" Verify Ollama running at localhost:11434; check HF_TOKEN
No image generation Ensure FLUX model accessible via HF_TOKEN
Upload rejected PNG/JPEG only, <5MB limit
Slow generation FLUX.1-schnell is fastest; upgrade hardware/GPU for dev/prod

Components Overview

  • layout.tsx: EnhancedSidebar wrapper
  • Home page: Landing with features showcase
  • Dashboard (page.tsx): Core upload/generate UI
  • Custom hooks/components: UploadZone, GlassButton, SelectMenu, ActionPanel

License

Strict Proprietorship License - Automatech
Developed by Amaan MK (https://github.com/Amaan9136)
Owned by Automatech - All Rights Reserved 2025-2026 Copyright Act.

About

AI Interior Designer transforms room images into stunning, reimagined interiors using a multi-stage AI pipeline. It leverages LLaVA for scene understanding and FLUX.1 for image generation, delivering high-quality design variants, detailed insights, and a seamless, interactive user experience.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors