C

Cabin 3D playground

Viewer Studio

API URL

Project ID

API Key

Config ID (optional)

NO MODELS FOUND

Materials

Show Variants

Allow Custom Color

THEME PRESET

PRIMARY COLOR

VARIANTS PER ROW

Show Variant Labels

MOBILE LAYOUT

DEFAULT MOBILE VIEW

BOTTOM SHEET HEIGHT

Mesh Toggle

Show in UI

DEFAULT HIDDEN

Mesh States

Enables mesh state transitions (hidden/visible, transforms)

Mesh Options

Product configurator with option groups and rules

LAYOUT

Theme

Toolbar

Sidebar

Layout

Camera Fitting

Auto-Fit on Load

Camera FOV

Camera Position (X, Y, Z)

Camera Target (X, Y, Z)

Environment Intensity

Preset

Show Grid

Generated JSON

{
  "projectId": "7d7169c7-edd8-45fd-9fca-302e5b4b0511",
  "apiKey": "***",
  "apiUrl": "https://3d.cabinvn.com/api",
  "features": {
    "materials": {
      "showVariants": true,
      "allowCustomColor": true,
      "themePreset": "dark",
      "theme": {
        "primaryColor": "#3b82f6"
      },
      "variantsPerRow": 4,
      "showVariantLabels": true
    },
    "meshToggle": {
      "showInUI": true,
      "defaultHidden": []
    },
    "meshStates": true,
    "meshOptions": {
      "layout": "vertical"
    }
  },
  "ui": {
    "theme": "dark",
    "toolbar": "bottom",
    "sidebar": "right"
  }
}

🎯

Ready to Test

Enter your Project ID and API Key in the config panel, then click “Load Viewer” to start testing