Drag & drop
3D Model
Analytics
Quick Stats
AI Generation
Traffic
Leaderboard
Distribution
Sources & Activity
Visitor Insights
Engagement & Duration
Library
All your pages, models and live links, together in one place.
Resources
Getting Started
Explore the architecture, workflow, and core capabilities of the BASE 3D-AR Platform
WebGPU-First Rendering Engine
The 3D engine prioritizes WebGPU for faster rendering and advanced shader support, with automatic fallback to WebGL 2.0 on unsupported browsers. Tone mapping uses ACESFilmic for cinema-grade color accuracy.
High Frame Rate Rendering
The engine renders in sync with your display's refresh rate (VSync) with no artificial frame cap. On 60 / 90 / 120 Hz screens it runs at the matching frame rate, supporting smooth playback up to 120 fps on capable hardware.
Adaptive Quality
If sustained frame drops are detected, the engine makes a one-time conservative adjustment (render scale and shadow resolution) to keep motion smooth. Full quality can be restored anytime.
Smart Caching & CDN
Models are cached locally via basebros-3d-cache-v1. Repeat visits load instantly with zero bandwidth cost. Assets are served from a global CDN for minimal latency worldwide.
Supported Formats
.GLB (Binary glTF) is the recommended format for optimal performance. Max file size: 50 MB. Drag & drop multiple files for batch upload.
Platform Workflow
Three steps from 3D file to live AR experience:
PBR Material System
Full MeshPhysicalMaterial pipeline with support for Base Color, Roughness, Metalness, Normal, Emissive, and AO maps. Edit every surface channel in real-time with texture upload.
Control Editor
Fine-tune viewer behavior with animation playback, auto-rotate speed, zoom toggle with zoom in/out limits, shadow controls, model positioning offsets, and camera orbit limits.
VSM Shadow Engine
Variance Shadow Mapping at 2048×2048 resolution with adjustable softness. Shadow blur samples auto-calculate based on radius for optimal quality/performance balance.
Responsive by Design
Independent settings for desktop and mobile. Logo position, AR button style, and layout are configured per device with live dual-mockup preview.
AI Assistant
Built-in AI-powered assistant trained on platform documentation. Get instant answers, workflow guidance, and troubleshooting help, available 24/7 in the sidebar.
Auto Scene Save
Scene settings are automatically saved to the cloud in real-time. Lighting, camera, environment and control configurations sync instantly.
Model Manager
Asset pipeline, duplication, and model organization tools.
Upload & Storage
Drag & drop one or multiple .GLB files to upload. Max file size is 50 MB per model. The system tracks file size, upload date, and generates metadata automatically.
Auto-Thumbnail Engine
Thumbnails are generated automatically when a model loads in the viewer. The system captures the current scene with all lighting and material settings applied. Thumbnails update whenever you modify the scene.
Search & Sort
Find models instantly with live search filtering. Sort your library by upload date, file name, or file size. Model cards display thumbnail, name, and size at a glance.
Scene Editor
Master the lighting, environment, and camera behaviors to create the perfect 3D shot.
Quick Presets
One-click lighting configurations that set intensity, ambient, azimuth, and elevation together:
- Bright Studio: High-intensity overhead light (10.0). Clean, bright product photography look.
- Classic Photo Studio: Balanced front-side lighting (5.0). Natural product presentation.
- Sunny Product Shot: Strong ambient fill (1.3) with soft directional light. Outdoor-inspired with even illumination.
Canvas Background
Customize the viewer backdrop:
- Color Picker: Set a solid hex color (e.g., Brand Black).
- Transparent Toggle: Removes background entirely. Essential for seamless website integration (PNG style).
Environment (HDRI) & Camera
Controls the global illumination, reflections, and camera sensitivity.
Directional Light (Sun) Settings
Intensity & Ambient
Light Intensity (0 – 25): Brightness of the main directional light.
Ambient Strength (0 – 1.5): Fill light that brightens shadow areas. Increase if shadows appear too dark.
Sun Position
Azimuth (−180° to +180°): Rotates the sun horizontally around the model.
Elevation (−45° to +90°): Height of the sun. Lower values create longer, more dramatic shadows.
Shadow Softness
Controls the Shadow Radius (0 – 10).
0 = Sharp, hard-edged shadows.
10 = Very soft, diffused shadows.
Blur samples auto-scale with radius for optimal quality. Uses VSM at 2048×2048 resolution.
Light Helper
Toggle the Show Light Helper switch to visualize the directional light source as an arrow and sphere in the 3D scene. This makes it easier to understand and adjust the light azimuth and elevation values precisely.
Interaction & Behavior
Camera Controls
- Set Start View: Saves the current camera position and angle as the default landing view. When visitors open the page, the model will appear from this exact perspective.
- Enable Zoom: Allows end-users to zoom in/out via scroll wheel or pinch gesture on mobile.
- Zoom In/Out Limits: Set how close and how far users can zoom. Saved per model, applied on public page too.
Auto Rotate
Automatically spins the model when idle.
- Toggle: Enable/Disable rotation.
- Speed Slider: Controls how fast the turntable spins.
Animation & Shadows
Play Animation: Automatically plays embedded GLB animations. If the model contains multiple animation clips, select the active one from the dropdown.
Model Shadows: Master toggle to enable/disable cast shadows. Disabling can improve performance on low-end devices or when shadows are not needed.
Viewport Display Modes
Wireframe / Solid / Render Modes
Switch between three viewport display modes using the toggle buttons at the top-left corner of the 3D viewer. Inspired by professional 3D tools like Blender and 3ds Max.
Render Mode
The default display mode. Shows the full PBR (Physically Based Rendering) output with textures, lighting, reflections, HDRI environment, and shadows. This is how your model will appear on the published page.
Solid Mode
Displays the model with a flat grey material, no textures, no reflections. Useful for evaluating the model's shape, proportions, and overall form without visual distractions from materials.
Wireframe Mode
Shows only the mesh edges of the model, revealing polygon topology and edge flow. Adapts to your theme, lighter in dark mode, darker in light mode for optimal visibility.
Good to Know
- Switching models automatically resets to Render mode.
- Material editing is only available in Render mode.
- All material changes are preserved when switching between modes.
- Screenshots and exports work in all three modes.
Control Editor
Fine-tune viewer behavior, animation playback, camera constraints, and model positioning for the perfect interactive experience.
Animation Playback
Control embedded 3D animations from GLB/GLTF files:
- Play/Pause Toggle: Enable or disable animation playback with a single click.
- Clip Selector: Choose from multiple animation clips embedded in the model (walk, idle, run, etc.).
- Auto-Play: Animations can be set to play automatically when the viewer loads.
Auto-Rotate
Create a smooth turntable effect for product showcases:
- Enable/Disable: Toggle automatic rotation on or off.
- Speed Control: Adjust rotation speed from 0.1 (slow) to 30 (fast). Default: 2.0
- Direction: Positive values rotate clockwise, negative counter-clockwise.
Zoom Control & Limits
Manage user zoom interactions and define zoom boundaries per model:
- Enable/Disable Zoom: Toggle scroll wheel and pinch zoom on/off.
- Zoom In Limit: Controls how close users can zoom. Range: Very Close → Default → Restricted.
- Zoom Out Limit: Controls how far users can zoom out. Range: Restricted → Default → Farthest.
- Per-Model: Each model saves its own zoom limits independently.
- Public View: Zoom limits are applied on the published page as well.
Pan Control
Allow users to drag and move the model within the canvas:
- Enable Pan: Users can click and drag to move the model freely in the viewport.
- Disable Pan: Lock model position for controlled viewing experience.
- Use Case: Enable for detailed inspection, disable for fixed product showcases.
Shadow Toggle
Master control for real-time shadows:
- Enable Shadows: Realistic VSM soft shadows for grounded appearance.
- Disable Shadows: Improves performance on mobile devices.
- Performance Tip: Disable shadows for complex scenes or low-end devices.
Model Offset (Position)
Precisely position your 3D model within the viewer canvas without modifying the original file.
Camera Orbit Limits
Lock Back View
Restrict camera rotation to prevent viewing the model from behind:
- Purpose: Hide unfinished back faces, interior geometry, or incomplete textures.
- Behavior: Users can rotate ~180° horizontally but cannot see the rear.
- Use Case: Architectural facades, product fronts, character portraits.
Lock Bottom View
Prevent users from rotating the camera below the model:
- Purpose: Hide bottom geometry, floor planes, or unwanted interior views.
- Behavior: Camera elevation is clamped above the horizon line.
- Use Case: Furniture, vehicles, products meant to sit on surfaces.
Set Start View (Camera Position)
Define the exact camera angle and zoom level that users see when the viewer first loads.
2. Click "Set Start View" button
3. Camera position is saved automatically
Material Editor
A professional PBR (Physically Based Rendering) material system. Fine-tune every surface property directly in the browser with real-time feedback.
Interactive Material Selector
Identify and manage materials within complex scenes effortlessly.
Core PBR Channels
Base Color
Defines the surface's diffuse color (Albedo).
• Factor: Solid HEX color.
• Texture: Upload standard RGB image.
Roughness
Controls light scattering.
0.0 = Polished Mirror.
1.0 = Matte/Rough.
*Map uses Green (G) Channel.
Metalness
Defines material conductivity.
0.0 = Dielectric (Plastic/Wood).
1.0 = Metallic (Gold/Steel).
*Map uses Blue (B) Channel.
Normal Map
Adds fake geometric detail and depth to the surface without increasing polygon count.
- Scale Slider: Adjusts the intensity of the bump effect.
- Texture: Supports standard tangent-space normal maps (Purple).
Occlusion (AO)
Simulates soft shadows in crevices and corners for added realism.
- Intensity: Controls darkness of the crevice shadows.
- Map: Uses grayscale values (Red channel usually).
Lighting & Advanced Settings
Emissive (Glow)
Makes the material emit light, ideal for screens, neon signs, LEDs, and indicator lights.
Alpha & Rendering
Controls transparency, culling, and blending behavior.
- Alpha Mode: OPAQUE (solid surface), MASK (hard cutout, e.g., leaves), BLEND (semi-transparent, e.g., glass).
- Double Sided: Renders both sides of the mesh. Essential for thin geometry like fabric, paper, or foliage.
- Alpha Factor: Global opacity slider (0.0 – 1.0). Affects the entire material uniformly.
Texture Management
Upload textures per channel (Base Color, Roughness, Normal, etc.) using standard image formats. Textures are processed with correct color space handling: sRGB for color maps and Linear for data maps (roughness, metalness, normal). Each channel has an upload and remove button for individual control.
Page Designer
Configure the visual interface, responsive layout, and Augmented Reality call-to-actions for your 3D-AR pages.
Dual-View Mockup Studio
Design with confidence using real-time synchronized previews for both screen sizes.
Design Presets
Save & Apply Design Presets
Capture your entire page design configuration as a reusable preset. Apply it to any page with one click, perfect for maintaining brand consistency across your product catalog.
Preset Chip Slider
All your saved presets appear as horizontally scrollable chips in the preset strip. Click a chip to apply that preset to the current page. The active preset is highlighted with a green accent. If you modify settings after applying, a "(modified)" indicator appears.
Update or Save as New
When you modify settings after applying a preset, the Save button gives you two options: Update (overwrite the current preset) or Save as New (create a new preset with the modified settings). Up to 20 presets per account.
Named Presets
Give each preset a descriptive name (up to 50 characters), e.g., "Minimalist White", "Brand Dark", "Holiday Theme". Duplicate names are prevented.
Delete Presets
Hover over any preset chip to reveal the delete button. A confirmation popup ensures you don't accidentally remove presets.
Cross-Page
Presets are account-level: create once, apply to any page. Switch between pages and apply the same design configuration instantly for a unified brand experience.
Page Settings
Page Title & Auto-Page
Every model automatically gets its own page when uploaded or generated. The page title is auto-generated (e.g., "Chair 3D-AR") and can be customized anytime. There is no separate page creation, each model is always paired 1:1 with its page.
Enable / Disable Page
Toggle your page on or off. When disabled, visitors will see a maintenance overlay instead of the 3D viewer. Use this to temporarily take a page offline without deleting it.
Branding & Identity
Custom Logo Position
Upload your transparent PNG/SVG logo and position it with precision.
- 5-Point Positioning: Top-Left, Top-Center, Top-Right, Bottom-Left, Bottom-Right.
- Size Slider: Pixel-perfect resizing (20px - 300px).
Device-Specific Overrides
Create distinct layouts for different screen sizes.
AR Call-to-Action (CTA)
Button Customization
Fully customize the "View in AR" button to match your brand guidelines.
- Label: Custom text (e.g., "See in your space").
- Font Size: Adjustable (5px - 24px).
- Style: Bold & Italic toggles.
- Color: Custom Text Hex Color.
- Background: Solid Hex Color picker.
- Opacity: Transparency slider (40% - 100%).
- Radius: Corner rounding (0px - 30px).
- Position: Floating anchor points.
QR Popup Editor
Customize QR Popup Content
When desktop visitors click the AR button, a QR popup appears to bridge them to mobile AR. Now you can fully customize the popup's title and description text for each page, perfect for brand messaging, multilingual content, or product-specific instructions.
Custom Title
Replace the default "View in AR" heading with your own text, up to 100 characters. Use it for brand names, product titles, or localized messaging (e.g., "AR ile Dene", "Voir en RA").
Custom Description
Edit the instructional text below the QR code, up to 300 characters. Guide visitors on how to use AR, add product details, or write a call-to-action tailored to your audience.
Live Popup Preview
The editor modal displays an exact replica of the real QR popup, same styling, same layout. What you see in the editor is exactly what your visitors will see on desktop.
Per-Page Data
Each page stores its own QR popup text independently. Customize different messages for different products or models. Changes auto-save and reflect instantly on the live public page.
QR Popup Color Customization
Full Color Control for QR Popups
Go beyond text, fully customize the QR popup's visual appearance with 4 independent color pickers. Match your brand palette or create themed popup designs that stand out.
#FFFFFF
#1A1A2E
#555555
#999999
Color changes are saved per-page and reflected instantly on the live public page. Edit colors in the QR Popup Editor modal alongside the text content.
Publishing & Sharing
QR Code
Auto-generated QR code linked to your live AR page. Download as image for print materials, packaging, or in-store displays.
Public Link
A clean, shareable URL hosted on a global CDN. Copy to clipboard with one click. No coding or setup required.
Embed Code
Ready-to-use <iframe> snippet. Paste it into any website to display the interactive 3D viewer with full AR support.
AR Integration
How the Augmented Reality experience works across devices, from QR-based desktop flow to native mobile AR.
How AR Works
The AR experience adapts to the visitor's device automatically:
QR Popup (Desktop)
The QR popup is a branded overlay that appears on desktop when a visitor clicks the AR button. It displays a scannable QR code linking to the AR experience, along with the AR icon and a close button. The title and description text are fully customizable per page via the QR Popup Editor in Page Designer.
AR Button Styling
The AR button is fully customizable per device (desktop and mobile independently). Use the on/off toggle in the section header to enable or disable the AR button on your live page. When disabled, the AR button won't appear to visitors and all AR controls are deactivated. Control the text, colors, font size, opacity, border radius, and position. All settings are configured in the Page Designer section.
Technical Requirements
Requirements
AR requires an HTTPS connection (mandatory for camera access). The embedding page must include the allow="camera; gyroscope; accelerometer; xr-spatial-tracking" permissions in the iframe tag. See the Web & Deploy section for the complete embed snippet.
Web & Deploy
Technical guide to embedding 3D/AR experiences with performance and security best practices.
<iframe
src="https://platform.basebros.com/view?id=YOUR_PAGE_ID"
width="100%"
height="600px"
frameborder="0"
loading="lazy"
allow="camera; gyroscope; accelerometer; xr-spatial-tracking"
allowfullscreen>
</iframe>Security & Permissions Protocol
Mandatory Permissions
The allow attribute is critical for AR functionality. Without these specific tokens, browsers will block sensor access:
- camera: For AR environment passthrough.
- gyroscope/accelerometer: For device orientation.
- xr-spatial-tracking: For WebXR depth sensing.
SSL / HTTPS Requirement
Augmented Reality features will not work on non-secure (HTTP) domains due to modern browser security policies.
Performance & Responsive Layout
Pro-Tip: Responsive Aspect Ratio
Avoid fixed pixel heights. Use modern CSS aspect-ratio to maintain the perfect frame on all devices.
.ar-container {
width: 100%;
aspect-ratio: 4 / 3;
border-radius: 12px;
overflow: hidden;
}
iframe { width: 100%; height: 100%; }
Always add loading="lazy" to your iframe tag. This ensures the 3D engine only initializes when the user scrolls it into view, boosting your site's LCP score.
Include allowfullscreen so users can expand the 3D viewer to monitor size for detailed inspection.
Analytics
Comprehensive guide to understanding your real-time 3D-AR analytics dashboard, Quick Stats, collapsible cards, charts, and data-driven insights.
Analytics Dashboard
The Analytics dashboard provides real-time visibility into how visitors interact with your 3D-AR pages. The dashboard features 12 Quick Stats metrics, 7 collapsible card sections with Live indicators, and auto-refreshes every 60 seconds. Use the Page Selector dropdown to switch between All Pages overview and individual page analytics. Filter data by All Time, 30D, 7D, 24H, or Custom date range pills. Every card section is collapsible, click the header to expand or collapse, and your preference is remembered across sessions.
Dashboard Structure
Collapsible Card Sections
The dashboard is organized into 7 collapsible card sections. Each card has a green icon header, a pulsing Live indicator badge, and a chevron toggle. Click any card header to collapse or expand its content. Collapse states are persisted in localStorage, your layout preference is remembered across browser sessions.
Quick Stats, 12 Metrics
Total Views
The total number of page loads across all your published 3D-AR pages within the selected time range. Each time a visitor opens your page, it counts as one view. Animated counter displays the value with a smooth GSAP transition.
Unique Sessions
The number of distinct browsing sessions. A session groups all views from the same visitor within a continuous browsing window. Multiple page views by the same visitor in a single session count as one unique session.
Published Pages
The number of currently published 3D-AR pages in your account. This count reflects live pages only, deleted pages are excluded. Use the page selector dropdown to view analytics for specific pages.
Total Models
The count of 3D models you have uploaded to the platform. Default/sample models are not included in this count. This number reflects your actual model usage against your plan quota.
AR Activations
The number of times visitors launched Augmented Reality mode. Each tap of the "View in AR" button counts as one activation. Requires a compatible device (iOS with ARKit or Android with ARCore). High AR rates indicate strong product interest.
3D Interactions
Total discrete interaction events with 3D models, including rotation gestures, zoom actions, and tap events. A high interaction count relative to views indicates visitors are actively exploring your 3D content rather than passively viewing it.
QR Scans
The number of page views originating from QR code scans. When visitors scan a QR code generated from the Page Designer, the visit is tagged with a QR source. Use this to measure the effectiveness of your print materials, packaging, and in-store displays.
Avg View Duration
The average time visitors spend actively interacting with your 3D models per view. Tracks actual hands-on engagement (rotating, zooming, inspecting), not passive idle time. Displayed in human-readable format (e.g., 1m 23s).
Bounce Rate
The percentage of sessions with only one page view. A lower bounce rate is generally better. Industry average for product pages is 40-60%. 3D-AR pages often have unique patterns since a single page can provide a complete experience.
Text to 3D
The number of 3D models generated using AI by describing them with a text prompt. Each successful Text-to-3D generation is counted. Available with both AI models (Meshy AI, Tripo AI). Tracks your AI generation productivity across all sessions.
Image to 3D
The number of 3D models generated using AI by uploading a reference image. Each successful Image-to-3D generation is counted. Available with both AI models (Meshy AI, Tripo AI). Tracks your visual AI generation usage.
3D View Time
The cumulative total time visitors have spent actively interacting with your 3D models. Unlike Avg View Duration (per-view average), this shows the total engagement time across all views. Displayed as formatted duration (e.g., 5h 30m).
Charts & Distributions
Traffic Charts
The Traffic card contains two side-by-side time-series charts. Views (green, toggleable between Line and Bar) and Sessions (blue, line chart) show daily traffic patterns over the selected range. Located inside the collapsible Traffic card section with Live indicator.
Distribution Charts
Four horizontal bar charts inside the collapsible Distribution card: OS (purple), Devices (purple, Mobile/Tablet/Desktop), Browsers (orange), and Locations (green, top countries). All charts respond to page selector and date range filters.
Top Referrers
Shows where your traffic originates from (blue horizontal bar chart). Direct means visitors typed your URL or used a bookmark. Other entries show referring domains. Located in the collapsible Sources & Activity card alongside the Activity Heatmap.
Activity Heatmap
A 7×24 grid with green-toned cells showing visitor activity by day of week and hour of day. Darker green cells indicate higher traffic. Use this to identify peak engagement windows for scheduling campaigns. Hover over any cell to see the exact view count.
Leaderboard
The Leaderboard card shows your top-performing pages ranked by views and sessions. Only visible when All Pages is selected in the page selector (hidden in single-page view). Useful for identifying your best content and understanding relative page performance.
Real-time Data
The entire dashboard auto-refreshes every 60 seconds to show the latest data. The pulsing green Live indicator badge on each card header confirms real-time data flow. You can also manually refresh anytime using the Refresh icon button in the header.
Visitor Insights
Visitor Insights Card
A three-panel card providing deeper visitor analysis. Shows who visits, where they come from, and when they're most active.
14:00 - 15:00), period label (Morning/Afternoon/Evening/Night), and view count.
Engagement & Duration
Engagement Funnel
A visual 4-step engagement funnel showing how visitors progress through increasingly deeper interactions: Page Views → 3D Interactions → QR Popup Opens → AR Activations. Each step shows count, percentage of previous step, and a progress bar. Summary stats include drop-off %, end-to-end conversion %, 3D rate %, and QR rate %.
Session Duration Distribution
A doughnut chart showing how long visitors stay on your pages, categorized into 4 time buckets: Quick (<30s, red), Short (30s-2m, amber), Medium (2m-5m, green), and Long (5m+, blue). Includes a custom HTML legend with percentages, plus summary stats for average duration and bounce rate.
Navigation & Controls
Page Selector & Controls
Pro Tips
Best practices and expert recommendations for getting the most out of the BASE 3D-AR Platform.
Optimal Scene Lighting
The right lighting setup makes or breaks the visual quality. Here are proven starting points:
- Exposure: 1.0
- Light Intensity: 5 – 8
- Ambient: 0.1 – 0.3
- Shadow Radius: 4 – 6
- Elevation: 50° – 70°
- Exposure: 0.8 – 1.0
- Light Intensity: 10 – 15
- Ambient: 0.05 – 0.1
- Shadow Radius: 2 – 3
- Elevation: 15° – 30°
- Exposure: 1.0 – 1.2
- Light Intensity: 3 – 5
- Ambient: 0.8 – 1.3
- Shadow Radius: 7 – 10
- Elevation: 60° – 80°
- Exposure: 0.9 – 1.1
- Light Intensity: 8 – 12
- Ambient: 0.2 – 0.4
- Shadow Radius: 3 – 5
- Azimuth: 150° – 180°
- Elevation: 25° – 40°
Material Best Practices
- Metals: Set Metalness to 1.0 and Roughness between 0.1 (polished) and 0.5 (brushed).
- Plastics: Metalness at 0.0. Roughness 0.3 – 0.7 depending on glossiness.
- Glass: Use BLEND alpha mode with low Alpha Factor. Keep Roughness near 0 for clear reflections.
- Fabric: High Roughness (0.8+), Metalness 0, use a Normal Map for weave detail.
Performance Tips
- File Size: Keep models under 10 MB for fastest mobile loading. Use Draco compression in your 3D software.
- Textures: 1K – 2K resolution is usually sufficient. Avoid 4K textures unless close-up detail is critical.
- Polygons: 50K – 200K triangles is the sweet spot for quality vs. performance on most devices.
- Shadows: Disable shadows on very low-end target devices if frame rate drops.
HDRI & Reflections
- Use Env Rotation to find the best reflection angle for shiny surfaces.
- Keep Env Intensity low (0.1 – 0.5) for product photography. Higher values suit dark or studio-lit scenes.
- The HDRI map affects reflections and ambient color. Choose one that complements your product.
Page Design Tips
- Always check both desktop and mobile mockups before publishing.
- Use a transparent background when embedding the viewer on an existing website for seamless integration.
- Set a clear Start View angle that showcases the product’s best side on first load.
- Keep the AR button high-contrast with your scene background so visitors notice it immediately.
3D Generator
Create 3D models from text prompts or images using AI-powered generation
AI-Powered 3D Generation
The 3D Generator uses state-of-the-art open-source AI models to create 3D assets from simple text descriptions or reference images. No 3D modeling skills required, describe what you want or upload an image, and AI handles the rest. Generated models are production-ready GLB files with PBR materials.
Text-to-3D
Describe your 3D model in natural language. The AI interprets your prompt and generates a matching 3D asset. Works best with clear, descriptive prompts: "A vintage wooden chair with curved armrests" or "A futuristic robot with metallic armor".
Image-to-3D
Upload a reference image (PNG, JPG, WEBP up to 10MB) and the AI reconstructs it as a 3D model. Ideal for product photos, concept art, or any visual reference. Best results with clear, well-lit images showing the full object.
AI Model Selection
Choose from multiple AI engines based on your needs. Each has different strengths:
Rodin Gen 2.5, Sculpt-level AI 3D
Powered by Hyper3D · developer.hyper3d.aiRodin Gen 2.5 brings sculpt-level geometric detail and production-grade control to AI 3D generation. From 4-second ultra-fast drafts up to raw outputs exceeding 10 million polygons, it offers adaptive control over speed, fidelity, texture consistency, and topology. Available in both Text-to-3D and Image-to-3D (multi-view, up to 5 images).
Quality Tiers
Lowest poly
Light poly
Default
Pro detail
Hyper detail
Advanced Options
Meshy 6, Best-Quality PBR Workflow
Powered by Meshy · docs.meshy.aiMeshy 6 is the production-grade option for polished PBR results. It uses a two-stage workflow, geometry preview then texture refine, for cleaner topology and richer surface detail. Supports Text-to-3D plus single + multi-view Image-to-3D (up to 4 images).
Full Option Set
Tripo v3.0, Fast Prototyping
Powered by Tripo3D · platform.tripo3d.aiTripo is the speed champion, ~45 second base generation, ideal for rapid ideation and prototyping. Supports both v3.0 (latest) and v2.5 (slightly faster) models, plus an Auto-Refine pass for sharper textures and stylized presets for distinctive looks.
Full Option Set
Generation Workflow
From idea to 3D model in five simple steps:
Generation Options
Customize your 3D generation with interactive options before generating. These settings apply to both Text-to-3D and Image-to-3D modes:
Cancel Generation
You can cancel an ongoing generation at any time by clicking the Cancel button below the progress bar. Important: Your monthly AI credit will still be consumed since the AI provider has already started processing. However, your AI model storage slot will not be affected.
Success Screen
When generation completes, a "Your Model is Ready!" screen appears with an interactive 3D preview. From here: See The Model opens it in Model Editor, Live Page opens the public 3D-AR page, Download saves the GLB file, and New Generation starts fresh.
Monthly Generation Limit
Monthly generation credits are plan-based (Text-to-3D + Image-to-3D combined): Free: 5/month, Plus: 20/month, Pro: 60/month, Business: Custom. Credits reset every 30 days from your account creation date. When 2 credits remain, a warning popup appears. At zero, a countdown timer shows when credits renew.
AI Model Quota
Your plan determines how many AI-generated models you can store. Generated models count toward your quota only when added to "My Models". Download GLB anytime without affecting quota. Delete models to free up space.
Download & Export
Every generated model can be downloaded as a .GLB file, the industry standard for web 3D. Use it anywhere: import into Blender, upload to other platforms, or embed on your website.
Pro Tips for Better Results
Text-to-3D Tips
- Be specific about materials: "wooden", "metallic", "glass"
- Describe the style: "realistic", "cartoon", "low-poly"
- Include size context: "small desk lamp", "large sofa"
- Add details: "with brass handles", "rounded corners"
Image-to-3D Tips
- Use clean, white or neutral backgrounds
- Ensure even lighting without harsh shadows
- Show the full object, avoid cropping edges
- Front-facing angles work best for most objects
Generation Time
Generation time varies by model: Meshy AI ~2 min, Tripo AI ~60 sec. Complex prompts may take longer. Progress bar shows real-time status during generation.
Add to My Models
After generation, click "Add to My Models" to save to your library. The model becomes available in Model Manager with full editing capabilities, scene, materials, page design, and AR deployment.
Announcements
Stay informed about the latest platform updates, new features, improvements, and system status.
Announcements Page
A dedicated full-page view to see all platform updates. Access it from the Account Popover at the bottom of the sidebar, click your profile, then click Announcements.
- Filter Chips: Filter by All, New Feature, Improvement, Bug Fix, or Announcement.
- Pinned Updates: Important announcements are pinned to the top of the timeline.
- Unread Indicator: A red dot appears on the button when you have unread updates.
- Stat Bar: Shows total count and per-category breakdown.
- Load More: Older announcements load on demand via pagination.
System Status
A collapsible real-time health dashboard at the top of the Announcements page. Shows live status for 4 core systems with animated pulse indicators:
- Platform: Overall platform availability.
- API Server: Backend API response status.
- Database: Database connection health.
- Uptime: Platform uptime percentage.
Green pulse = operational. The card can be collapsed to save space.
Upcoming Features
A collapsible section on the Announcements page that previews features currently in development. Six experiences are on the roadmap:
- Configurator: Interactive 3D customization with real-time variant switching, materials & colors.
- Spaces: Multi-model 3D scenes — arrange and present multiple models in one immersive environment.
- Material Lab: Advanced PBR editor with texture layering & AI-powered procedural generation.
- Splat Viewer: Gaussian Splatting renderer for ultra-realistic photogrammetric scenes.
- AR Try-On: Try products on yourself in real-time AR — clothing, accessories & lifestyle items.
- 3D Engine 2.0: Next-gen WebGPU renderer with PBR, ray-traced shadows & faster loading.
Release dates are not pre-announced. Updates ship as soon as they are stable and production-ready.
Platform Time
Real-time UTC clock displayed in your Account section.
UTC Clock
A live real-time UTC clock displayed in the Account > Membership Card section. Updates every second and shows the current time in HH:MM:SS UTC format.
- Location: Account page, Membership card, alongside your join date.
- Format: 24-hour UTC time (e.g., 14:32:05).
- Purpose: Universal reference timestamp for all platform operations, analytics, announcements, and system events all use UTC.
Model Info
Detailed technical statistics and metadata for each 3D model.
Model Statistics
Click the info icon (ℹ) on any model card in the Model Editor to open the Model Info popup. It shows the model thumbnail, name, file size, upload date, and a detailed statistics grid with 8 technical metrics:
- Vertices: Total vertex count, the building blocks of 3D geometry.
- Faces: Total polygon/face count, determines visual detail and performance impact.
- Meshes: Number of separate mesh objects in the model.
- Materials: Number of distinct materials assigned to the model.
- Textures: Number of texture images embedded in the model.
- Animations: Number of animation clips embedded in the model.
- Normals: Whether the model has normal vectors (✓ or ✗), essential for correct lighting.
- Tangents: Whether the model has tangent vectors (✓ or ✗), needed for normal maps.
The popup also shows the linked page status (Live/Offline) with a direct link to the published page.
Custom 3D & Projects
Tailored 3D modeling and custom viewer experiences built exclusively for your brand by the BASE BROS team.
What Are Custom Projects?
Custom Projects is a Business plan exclusive service where the BASE BROS team designs and develops a fully tailored 3D viewer experience for your brand. This includes custom UI/UX design, bespoke viewer functionality, unique interaction flows, and branded visual elements — all built from the ground up to match your exact requirements.
Custom Design & UI
Fully branded viewer interface tailored to your corporate identity. Custom layouts, color schemes, typography, and interactive elements designed specifically for your use case.
Custom Functionality
Bespoke viewer features built to your specifications. Product configurators, custom annotation systems, special interaction modes, data integrations, and any unique functionality your project demands.
Dedicated Support & SLA
Priority support with guaranteed response times, dedicated project manager, custom onboarding, and SLA-backed service level agreements for your mission-critical deployments.
Seamless Integration
Custom deployment options tailored to your existing infrastructure. API integrations, white-label solutions, and specialized embedding workflows to fit your platform perfectly.
How to Get Started
Custom Projects is available exclusively for Business plan subscribers. To discuss your project requirements and get a tailored proposal:
1. Reach out to [email protected] with a brief description of your project.
2. Our team will schedule a discovery call to understand your needs.
3. We deliver a detailed proposal with timeline and scope.
4. Development begins with continuous feedback and iteration.
Custom 3D Modeling
Our in-house 3D team personally creates and edits production-ready models for your products.
Your Own 3D Team
Don’t have a 3D model? No problem. With the Custom 3D Modeling service (Business plan exclusive), our in-house team of 3D artists works directly with you — one-on-one — to create or edit high-quality, web-optimized 3D models from your product photos, CAD files, sketches, or reference images. Every model is handcrafted and delivered ready to use with the BASE platform’s full AR and viewer capabilities.
From Photo to 3D
Send us product photos, CAD drawings, or even rough sketches. Our 3D artists will create a detailed, accurate 3D model that faithfully represents your product in every angle and detail.
Web & AR Optimized
Every model is optimized for web performance — lightweight file sizes, clean topology, PBR materials, and AR-ready GLB format. Instant loading, stunning visuals.
Photorealistic Quality
PBR materials, realistic textures, and precise lighting setups ensure your 3D models look stunning in the viewer and AR. Perfect for e-commerce, product showcases, and marketing.
Revisions & Fast Delivery
Iterative feedback process with revision rounds included. We work closely with you to ensure every detail is perfect, with fast turnaround times for your production schedule.
How to Get Started
Custom 3D Modeling is available exclusively for Business plan subscribers. To get your custom 3D model:
1. Email [email protected] with your product photos or reference materials.
2. Our team personally reviews your project and provides a timeline.
3. One-on-one modeling begins with progress previews at each milestone.
4. Final model is delivered directly to your BASE dashboard, ready to deploy.
Get in Touch
Can't find what you're looking for? Our team is here to help.
General Inquiries
Questions about plans, features, or partnerships.
[email protected]Technical Support
Bug reports, API questions, or integration help.
[email protected]Library
Your command center for every published page. See all your 3D-AR pages, their models and live links in one searchable place, then copy, open, analyze or export in a click.
Everything in one view
Library gathers every page you own (Base models, AI-generated creations and your own uploads) into a single modern list. No more hunting through tabs: grab a shareable link, preview the model, jump straight to a page's analytics, or download the whole catalog as a spreadsheet.
Core actions
Live links
Every row shows its public view URL. • Copy the link to your clipboard. • Open the live page in a new tab.
Models at a glance
A mini thumbnail and the model name for each page, with a clear type tag: • Base · AI-Gen · Upload
One-click analytics
See total views per page, and tap the chart icon to jump straight into that page's full analytics dashboard.
Search, filter & sort
Find any page instantly and shape the list exactly how you like.
- Search by page title or model name.
- Filter: All · Active · AI-Gen · Uploaded · Base.
- Sort: Recently updated · Newest · Title A-Z · Most viewed.
Table & gallery views
Switch between a compact table for scanning many pages and a visual gallery of model thumbnails. Your choice is remembered, and on mobile rows fold neatly into cards.
Export & reporting
Download your catalog with one click from the Export menu, perfect for reports, backups or sharing with your team. Exports respect your current search, filter and sort, and include title, status, type, model, total views, created/updated dates and the live link.
- CSV, universal spreadsheet format (UTF-8).
- Excel (.xls), opens directly in Microsoft Excel.
- JSON, structured data for developers.
- Copy all links, every live URL on your clipboard at once.
Announcements
System Status
Upcoming Features
Configurator
Interactive 3D customization with real-time variant switching, materials & colors.
Spaces
Multi-model 3D scenes, arrange and present multiple models in one immersive environment.
Material Lab
Advanced PBR editor with texture layering & AI-powered procedural generation.
Splat Viewer
Gaussian Splatting renderer for ultra-realistic photogrammetric scenes.
AR Try-On
Try products on yourself in real-time, clothing, accessories & lifestyle items.
3D Engine 2.0
Next-generation rendering pipeline for richer, faster experiences.
Timeline
Your Account
Profile Information
Subscription
General & System Settings
General & Legal Information
Interface & Localization
Language and regional preferences for your dashboard.
Your brand and copyright details for generated content.