A real-time luxury real estate social media post and flyer creation studio built with React, Vite, and HTML5 Canvas image rendering.
- ⚡ Real-Time Live Preview: Split-screen studio layout with instant reactive updates as you edit fields, upload photos, switch templates, or tweak color palettes.
- 🎨 6 Designer Poster Templates:
- Architectural Noir: Sleek obsidian slate with gold metallic accents and luxury serif typography.
- Modern Minimalist: Crisp gallery white aesthetic with clean geometry and frosted glass price pill.
- Golden Sovereign: Royal midnight navy with gilded dual borders and royal crest flair.
- Urban Contemporary: High-contrast cyber neon gradient accents for high-rise condos and lofts.
- Emerald Heritage: Deep forest botanical green with warm champagne accents and timeless grace.
- Editorial Split: Two-tone architectural magazine spread with dual photos and structured specs.
- 📐 Multi-Format Aspect Ratios:
1:1 Square(Instagram / Facebook Posts)4:5 Portrait(Instagram Feed / LinkedIn)9:16 Story(Instagram Stories / Reels / TikTok / WhatsApp Status)
- 📸 Flexible Photo & Asset Controls:
- Primary & Secondary Photo uploads (drag-and-drop or file selector)
- Direct image URL support
- 1-Click Curated Luxury Stock Real Estate photos library
- Image Brightness and Dark Vignette Overlay sliders
- 🏷️ Amenities & Listing Status:
- Interactive luxury amenity tags (Infinity Pool, Wine Cellar, Smart Home, etc.) + custom highlight creator
- Listing status badges (
JUST LISTED,FOR SALE,EXCLUSIVE LISTING,PRICE REDUCED,OPEN HOUSE, etc.) or custom badge text
- 👤 Agent & Brokerage Branding:
- Agent Name, Title, Brokerage/Agency, Phone, Email, Website, License #
- Agent headshot upload or quick agent presets
- "Scan Details" QR Code tag toggle
- 🚀 Export & Sharing Suite:
- High-Res PNG (2.5x retina resolution for razor-sharp social media output)
- JPEG Export
- Copy Image to Clipboard
- Copy Formatted Social Media Caption & Hashtags ready for Instagram & LinkedIn
- Confetti celebration animations on generation!
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Run linter
npm run lint