Product Gallery Generator

🛍️ Use Case: IMVU Product Gallery Generator

The IMVU Product Gallery Generator is a web-based tool that helps IMVU creators and shop owners build beautifully styled product displays to embed on their IMVU homepage, blogs, or personal websites. With full control over layout, styling, and content, it lets you:

  • Show off your products with images, prices, and links
  • Customize the appearance to match your brand or homepage
  • Generate copy-paste-ready HTML with no coding required
  • Preview your layout live as you build it
  • Import/export settings for future edits or backups

Perfect for creators who want a visually attractive way to promote their catalog items and boost sales.


🧭 Step-by-Step Guide

1. Add Your Products

  • Click “Add Another Product”
  • Fill in:
    • Product Name (e.g. Galaxy Spark Aura)
    • Description (optional short text)
    • Price (Credits) (e.g. 699)
    • Image URL (hotlink from IMVU catalog, Catbox, etc.)
    • Product Link (link to the IMVU shop item)

You can add multiple items, reorder them, duplicate them, or remove any.


2. Style the Gallery

Under Gallery Configuration, you’ll find sections to tweak:

  • Gallery Styling – background, spacing, alignment
  • Tile Styling – size, colors, borders, and shadows
  • Image Settings – how images fit inside the tile
  • Font Settings – font family, sizes, and colors for:
    • Product Name
    • Description
    • Price
    • Currency symbol (“CR”)

Tip: Enable the optional “Support NekyPop!” link if you want to display a credit below your gallery.


3. Live Preview

As you edit, the right side shows a real-time preview in dark or light mode.
You can toggle the mode with the switch above the preview.


4. Get the Code

Scroll to the HTML Snippet Code box:

  • Click “Copy Code”
  • Paste it into your IMVU homepage (or any HTML space)

Done! ✨ Your product tiles will display exactly as styled.


5. Save or Reload Your Work

  • Click “Export Settings” to download your current setup (.json file)
  • Use “Import Settings” to load it again later
  • Click “Clear All” to start fresh (resets styles + products)

✅ Why Use This?

  • Zero coding knowledge needed
  • Consistent layout, no broken tables or floating boxes
  • Looks great on all devices
  • Saves you hours of manual HTML writing