Roomify is a modern AI-powered web application that transforms floor-plan images into photorealistic top-down 3D room visualizations. Users can upload a floor plan, generate AI-enhanced interior renders, compare before and after results, and export generated designs seamlessly.
Built using React, Vite, TypeScript, Tailwind CSS, and Puter AI services, Roomify delivers an interactive and intelligent room visualization experience directly in the browser.
Roomify simplifies interior visualization using Artificial Intelligence.
- User signs in using Puter Authentication.
- User uploads a floor-plan image.
- Uploaded image is stored using Puter Hosting + KV Storage.
- User is redirected to the visualization page.
- The app sends the floor plan image to Puter AI.
- AI generates a photorealistic top-down 3D room render.
- User compares original and generated images.
- User exports/downloads the final result.
- 🔐 Puter Authentication
- 📤 Floor Plan Image Upload
- ☁️ Puter Hosting Integration
- 🗄️ KV Storage Support
- 🤖 AI-Based Room Visualization
- 🏡 Photorealistic Top-Down 3D Render Generation
- 🔄 Before/After Image Comparison
- 📥 Export & Download Generated Results
- ⚡ Fast & Responsive UI
- 🎨 Modern Tailwind CSS Design
- React 19
- React Router 7
- Vite
- TypeScript
- Tailwind CSS 4
- Puter SDK (
@heyputer/puter.js) - Puter Authentication
- Puter KV Storage
- Puter Hosting
- Puter AI Image Generation
- react-compare-slider
- lucide-react
git clone https://github.com/your-username/roomify-app.gitcd roomify-appnpm installnpm run devCreate a .env file in the root directory:
VITE_PUTER_APP_ID=your_app_id
VITE_PUTER_API_KEY=your_api_key
If you found this project useful, give it a ⭐ on GitHub!