# PixUp AI - Full Documentation > **PixUp AI** is a Next.js web application tailored for E-Commerce Fashion Stores, automating on-model product photography via Generative AI. It allows merchants to visualize clothing on virtual models, customize backgrounds, and optimize assets for marketplaces without physical photoshoots. --- ## 1. Project Overview * **Name:** PixUp AI * **Target Audience:** Fashion e-commerce brands, sellers on Shopify/Etsy/Amazon, social media managers. * **Core Value Proposition:** Drastically reduce photography costs and time-to-market by replacing physical model shoots with AI generation. * **URL:** `https://www.pixupai.com` (Inferred) --- ## 2. Technical Architecture ### Frontend * **Framework:** Next.js 14+ (App Router) * **Language:** TypeScript * **Styling:** Tailwind CSS (Dark mode aesthetic: `bg-gray-950`, gradients `from-purple-600 to-indigo-600`) * **State Management:** React Hooks (`useState`, `useCallback`), Context API (Auth). * **Animations:** `framer-motion` (Entry animations, transitions). * **Client-Side Processing:** * `react-dropzone` for file uploads. * `jszip` for bulk downloads. * `@imgly/background-removal` for local background processing. * `colorthief` for image color analysis. * HTML5 Canvas API for image resizing/composition. ### Backend * **Platform:** Supabase (BaaS) * **Database:** PostgreSQL with a normalized schema. * **Authentication:** Supabase Auth (Email/Password, OAuth). * **Storage:** Supabase Storage (Buckets for user uploads and generated results). * **Edge Functions:** Deno-based functions for async tasks (e.g., subscription webhooks). * **API Routes:** Next.js API routes (`src/app/api/...`) act as the orchestration layer between frontend and AI services. ### AI & Services * **Image Generation:** Google Gemini 2.5-flash (Model: "nanobanana") used for complex image synthesis. * **Background Removal:** Hybrid approach (Client-side `@imgly` + potential server-side fallback). * **Payments:** DodoPayments handling subscriptions, credits, and webhooks. --- ## 3. AI Fashion Studio (Core Suite) *Authenticated features accessible via the user dashboard.* ### 3.1. Virtual Try-On * **Path:** `/dashboard/ai-photoshoot/try-on` * **Use Case:** You have a photo of a garment (ghost mannequin or flat) and want to see it on a model. * **Workflow:** 1. **Select Model:** Choose from a diverse library of 12+ virtual models (Olivia, Mark, etc.). 2. **Upload Garment:** Upload a clean image of the clothing item. 3. **Generate:** The AI drapes the garment onto the selected model, adjusting fit and lighting. * **Cost:** 1 Credit per generation. ### 3.2. Model Swap (Pro Feature) * **Path:** `/dashboard/ai-photoshoot/model-swap` * **Use Case:** You have an existing on-model photo but want to change the model's ethnicity, age, or look to localize marketing or increase diversity. * **Workflow:** 1. **Upload Source:** Upload an existing photo of a person wearing the product. 2. **Select Target Model:** Choose the new face/body type from the library. 3. **Generate:** The AI replaces the original model while perfectly preserving the garment's texture and drape. * **Constraints:** Locked to **Pro** and **Ultra** subscription plans. * **Cost:** 1 Credit per generation. ### 3.3. Flat to Model * **Path:** `/dashboard/ai-photoshoot/flat-to-model` * **Use Case:** You have a simple flat-lay photo (clothes on a table) and want a realistic lifestyle model shot. * **Workflow:** 1. **Upload Flat-Lay:** Upload the item laid out on a surface. 2. **Select Gender:** Auto, Male, or Female. 3. **Prompting:** Add styling notes (e.g., "Professional lighting", "Urban background"). 4. **Generate:** The AI generates a completely new model wearing the item. * **Cost:** 1 Credit per generation. --- ## 4. Additional Creative Tools (Dashboard) *Authenticated features accessible via the user dashboard.* ### 4.1. Background Studio * **Path:** `/dashboard/background-studio` * **Functionality:** Professional background removal and replacement. * **Modes:** * **Local Processing:** Uses WebAssembly (`@imgly`) to remove backgrounds in-browser. Free/Low latency. * **Cloud Processing:** Uses API for complex generative backgrounds. * **Features:** * **Color Picker:** Precise hex control or transparent output. * **Presets:** One-click application of curated background sets (Studio, Pastels, Nature). * **Generative:** Text-to-background capabilities via prompt. ### 4.2. Marketplace Optimizer * **Path:** `/dashboard/marketplace-optimizer` * **Functionality:** Bulk image processor for e-commerce standards. * **Processing:** **100% Client-Side** (Privacy-friendly). * **Features:** * **Multi-Platform:** Pre-configured specs for Amazon, Shopify, Etsy, Instagram, eBay, Pinterest. * **Batch Action:** Upload multiple files -> Process all -> Download ZIP. * **Formatting:** Auto-resize, pad with white background, convert format (JPEG/PNG/WEBP). ### 4.3. Gallery * **Path:** `/dashboard/gallery` * **Functionality:** Digital asset management for all generated content. ### 4.4. Settings * **Path:** `/dashboard/settings` * **Functionality:** Subscription management, credit history, billing portal access. --- ## 5. Free Tools Suite (Public) *Publicly accessible tools available for immediate use at `/tools`.* ### 5.1. Aesthetic Checker * **Path:** `/tools/aesthetic-checker` * **Function:** Analyzes 3-10 uploaded images to score brand consistency (0-100). * **Tech:** Client-side color palette extraction (`colorthief`) and pixel analysis. ### 5.2. Hashtag & Keyword Finder * **Path:** `/tools/hashtag-keyword-finder` * **Function:** Generates platform-specific tags (Instagram, TikTok) and SEO keywords based on product descriptions. ### 5.3. Product Description Generator * **Path:** `/tools/product-description-generator` * **Function:** AI writer for creating "Minimal", "Luxury", or "Streetwear" style product descriptions. ### 5.4. Image Resizer * **Path:** `/tools/image-resizer` * **Function:** Batch resize and format images for specific platforms (Shopify, Amazon, Etsy, Instagram). * **Tech:** Client-side Canvas API for resizing and padding; `jszip` for batch download. Supports JPEG, PNG, WEBP. ### 5.5. Lookbook Generator * **Path:** `/tools/lookbook-generator` * **Function:** Compiles uploaded images into a professional PDF lookbook. * **Features:** Customizable layouts (Minimal, Classic, Grid, Editorial), background colors, and branding (Name, Tagline, Website). * **Tech:** `jspdf` for client-side PDF generation. ### 5.6. Style Guide Assistant * **Path:** `/tools/style-guide-assistant` * **Function:** Generates a comprehensive visual identity guide based on a brand description. * **Outputs:** Tone, Color Palette, Lighting, Model Vibe, Background suggestions, Prop ideas. --- ## 6. Pricing & Plans * **Path:** `/pricing` * **Free Trial:** 7 days, 10 credits, **no credit card required**. * **Basic Plan:** 50 credits/month ($0.38/image). Ideal for testing. * **Pro Plan:** 250 credits/month ($0.20/image). Most popular for growing brands. Unlocks **Model Swap** and priority support. * **Ultra Plan:** 1,000 credits/month ($0.10/image). Best value for agencies/high volume. 24/7 priority support. * **Credit System:** Credits reset monthly on paid plans. 1 Generation = 1 Credit. --- ## 7. Comparison & Alternatives PixUp AI is positioned as a specialized, on-model fashion studio compared to generalist tools. Read our detailed comparisons: * **vs. [Botika](/alternative-to/botika):** PixUp AI is significantly more affordable ($0.10 vs ~$1.00/image) with a smoother workflow. * **vs. [Fash AI](/alternative-to/fash-ai):** PixUp provides a dedicated, intuitive ecommerce interface, whereas Fash AI is developer-centric. * **vs. [Pebblely](/alternative-to/pebblely):** Pebblely is excellent for generating product *backgrounds* (e.g., placing a bottle on a rock). However, it lacks features for *on-model* fashion photography. PixUp AI excels at placing clothing *on human models* to show fit and drape. * **vs. [Flair.ai](/alternative-to/flair-ai):** Similar to Pebblely, great for props/scenes but not optimized for human model generation. * **vs. [Claid.ai](/alternative-to/claid-ai):** Claid is primarily for upscaling and fixing existing photos. PixUp generates *new* content from scratch. --- ## 8. Resources ### Frequently Asked Questions * **Path:** `/faq` * **Details:** Answers on billing, commercial rights, security, and technology. ### Blog * **Path:** `/blog` * **Details:** Tutorials, industry insights, and updates on AI product photography. --- ## 9. Use Cases (Industry Solutions) Targeted landing pages for specific customer segments, accessible via `/use-cases`. * **Shopify Brands:** `/use-cases/shopify-clothing-brands` * Focus: Fast product launches, consistent collection imagery. * **Amazon Sellers:** `/use-cases/amazon-fashion-listings` * Focus: Compliance (white background), A+ content lifestyle shots. * **Etsy Sellers:** `/use-cases/etsy-apparel-sellers` * Focus: Handmade aesthetic, affordable professional look. * **Print on Demand:** `/use-cases/print-on-demand-brands` * Focus: Replacing generic mockups with diverse, realistic models. * **Startups:** `/use-cases/fashion-startups` * Focus: Low-cost visual validation, pitch deck imagery. --- ## 10. Data Model (Key Tables) * **`profiles`**: User identity, linked to Supabase Auth. * **`credits`**: Ledger for usage (purchased, used, remaining). * **`subscriptions`**: DodoPayments status (plan type, renewal). * **`generations`**: Metadata for images created (tool used, prompt, output URL). --- ## 11. Conventions & Standards * **Design:** "Image-first" cards, glassmorphism overlays, gradient titles (`from-purple-400 to-indigo-300`). * **Interaction:** Hover states for details, click for lightboxes. * **Data:** Direct Supabase client usage for reads; Server Actions/API routes for credit-deducting writes.