Choose your interface theme
DARK
Default
LIGHT
Day mode
by Sajjad SABOUR
MESH MAX
Sajjad SABOUR · Creative Technologist & Art Director
What's new
ⓘ
ⓘ ABOUT
AI TOOLS
PFX
ANNOTATIONS
CONFIGURATOR
EXPORT
PROJECTS
ADD
SIGN IN
☰
ADD MODEL
PROJECTS
SAVE SESSION
EXPORT
CONFIGURATOR
PARTICLE FX
ANNOTATIONS
AI TOOLS
👤 SIGN IN
ⓘ ABOUT
LIGHT MODE
DROP MODEL HERE
OBJ
POS
ROT
SCL
SEL
WORLD
PIVOT
CUSTOM PIVOT
Edit Mode
⌖ Snap to point
SET PIVOT TO
⊕ Center
⊙ Bottom
⊗ Top
✛ World Origin
PLACE
ALIGN
SNAP
SNAP SIZE
Snap to absolute grid
TRANSLATE (units)
0.01
0.05 ✓
0.1
0.5
1
ROTATE (degrees)
5°
10° ✓
30°
45°
SCALE (%)
5% ✓
10%
GEO
ADD PRIMITIVE
AR
MAGIC
↔ GYRO MODE
2x
CAM
⊟
Pers.
Perspective
Isometric
Top
Front
Side
IDLE
LOAD A MODEL
GLB · GLTF · drag & drop or tap
BROWSE FILE
ENV
LIGHTS
SCENE
MAT
LIB
CAM
ANIM
SEQ
HIDE
✕
Preset Environments
Custom Environment
🌄
Import HDR / Image
Drag & drop · HDR · EXR · JPG · PNG
Background
Sky / Env background
BG Color
#c8c8ca
Rendering
Exposure
1.0
Env Intensity
0.5
Post FX
Bloom
Strength
0.60
Softness
0.40
Threshold
0.85
Vignette
Amount
0.40
Scene Lights
AMBIENT
↺ reset
Ints.
0.4
Color
KEY LIGHT
shadow
↺ reset
Ints.
2.5
Color
Position
X
3.0
Y
5.0
Z
4.0
Shadow
Opacity
0.20
Blur
3
Area
2.0
Map
512 — Fast
1024 — Medium
2048 — Sharp
4096 — Ultra
FILL LIGHT
↺ reset
Ints.
0.8
Color
Position
X
-4.0
Y
2.0
Z
-3.0
RIM LIGHT
↺ reset
Ints.
0.6
Color
Position
X
0.0
Y
-3.0
Z
-6.0
CONTACT SHADOW
↻ Refresh
Spread
1.40
Levels
3 · full (default)
2 · lighter
1 · lightest
Level 1 · contact (0 → L1 top)
Darkness
0.45
Blur
1.0
Expand
0.00
Level 2 · mid (0 → L2 top)
Darkness
0.28
Blur
2.8
Expand
0.00
Level 3 · full silhouette
Darkness
0.14
Blur
5.5
Expand
0.00
Band heights (cm)
L1 top
3.0
L2 top
10.0
Custom Lights
Add Custom Light
Loaded Objects
≣ Compact
No models loaded yet
Hierarchy
Groups
+
Shift-click parts, then + to group
Geometry
Transform
Position
X
0.0
Y
0.0
Z
0.0
Rotation (°)
X
0°
Y
0°
Z
0°
Scale
X
1.0
Y
1.0
Z
1.0
Align to object
⌖
Apply
Pos
Rot
Scale
Axes
X
Y
Z
⊹ Align
↺ Reset
⊙ Focus
Material Presets
Browse
By Material
By Object
Select a model in SCENE tab
—
Properties
Type
Standard
Physical
Basic
Phong
Toon
Matcap
Gem (refractive)
Color
#ffffff
+
MAP
✕
Specular (Phong)
Shininess
30
Spec Color
+
MAP
✕
Roughness
0.50
+
MAP
✕
⇄
Metalness
0.00
+
MAP
✕
⇄
Normal
1.00
+
MAP
✕
Bump
1.00
+
MAP
✕
⇄
Opacity
1.00
+
MAP
✕
⇄
Emissive
1.0
Gem · interior
Environment
Studio
Bright
Contrast
Bounces
3
IOR
2.42
Dispersion
.020
Tint
Density
0.15
Gem · coat
Reflection
0.50
Coat rough
0.00
Matcap
Texture
Gradient
Matcap
+
MAP
✕
Hue
0°
Saturation
1.00
Blur
0.0
Toon
Tones
Smooth
2
3
4
5
Physical Properties
▸
Clearcoat
0.00
CC Rough
0.00
Transmission
0.00
IOR
1.50
Thickness
0.00
Atten. Dist
∞
Atten. Color
Dispersion
0.00
Iridescence
0.00
Irid. IOR
1.30
Irid. Thick
400
Sheen
0.00
Sheen Color
Specular
1.00
Spec Color
+
MAP
✕
UV Transform
▸
Offset X
0.00
Offset Y
0.00
Repeat X
1.00
Repeat Y
1.00
Rotation
0.00
↺ Reset UV
Apply All
↺ Reset
Save Lib
Load Lib
📦 Auto-saved library found
RESTORE
✕
MODELS
PRODUCTS
MATERIALS
My Models
REFRESH
Add Current Model to Library
No saved models yet
Import Data
Excel / CSV
URL / API
Scan Folder
Add Current
FETCH
Supports: JSON array · CSV · Google Sheets (File → Share → Publish as CSV)
Products
CLEAR ALL
No meshes in library yet
Saved Materials
Save Current Material to Library
No custom materials saved yet
0
—
—
—
STATES / EVENTS
BEHAVIORS
SCROLL ↕
Select a model in the SCENE tab first
States
All
Mat
XF
Capture
Events
WHEN
Click mesh
Hover mesh
Auto on load
UI Button
ON MESH
Any mesh
ANIMATE
— select model —
TO STATE
— pick model first —
LOOP MODE
None — one shot
Toggle — A ↔ B on each click
Counter — cycle through states ↺
CYCLE STATES (in order)
+ Add State to Cycle
0.4s
+ Add
Enable Interaction Preview
Click meshes in viewport to trigger events
Behaviors
TYPE
Spin
Float
Pulse
Orbit
Look at
START
Auto on load
On tap
UI Button
AXIS
X
Y
Z
LOOK AT
Cursor
Camera
Another object
FRONT AXIS
−Z (default)
+Z
+X
−X
+Y
−Y
TURN LIMITS (°)
+Y
−Y
+X
−X
±Y = left / right · ±X = up / down — 0 locks a direction
SMOOTHING
60%
low = snappy follow · high = soft, trailing follow
Pick object
AMOUNT
0.1
SPEED (°/s)
30
STOP AFTER (loops · 0 = ∞)
+ Add behavior
Scroll Timeline
AT
%
Capture
Include PFX params (opacity, speed, size, dynamics power, morph progress & target)
No keyframes yet.
Set a % and click Capture.
Preview Scroll
0%
Export Smoothing
Slow
Fast
How fast animation catches up to scroll in exported viewer. End-user can also adjust via ⚙ in the viewer.
↗ Click
EXPORT VIEWER
to generate the scroll-driven HTML page.
Scroll Settings
Page Height
vh
Step/Snap Time
s
Easing
Eased (smooth)
Linear (constant)
OBJECTS
✕
SHOW CONTROLS
✕
By Sajjad SABOUR
Creative Technologist & Art Director
Application
MESH MAX
Version
Platform
Web · Mobile · Desktop
Engine
Three.js r165
Copyright
© 2026 Sajjad SABOUR
Interactive 3D Experiences for Web Commerce & Brand Presentation
Changelog
© 2026 Sajjad SABOUR. All rights reserved.
MESH MAX is a product of Sajjad SABOUR · Interactive 3D Experiences & XR Solutions
✕
Projects & Templates
✕
RECENT
ALL
TEMPLATES
Loading…
AI TOOLS
AI Render · Text to 3D · Image to 3D · Multi Image
✕
AI RENDER
TEXT TO 3D
IMAGE TO 3D
RECENT
Meshy.ai API Key
↗ get key
Save key in browser
Tripo3D API Key
↗ get key
Save key in browser
API Settings
GPT Image 2
Nano Banana
Higgsfield
👁
Save key in browser (localStorage)
✓ Key saved — will be loaded next session
Image Model
Output Size
1K
2K
Higgsfield Secret (if required)
Render Style
Custom Prompt
(optional)
ENGINEER PROMPT WITH AI
Engineered Prompt
(edit if needed)
RENDER
Result
↓ DOWNLOAD
Meshy
Tripo3D
Describe Your 3D Object
GENERATE MESH
0%
🔷 Mesh Ready
(untextured preview)
Load into Scene
OPTIMIZE MESH
optional
3K
10K
30K
100K
Custom
◈ REMESH
0%
LOAD OPTIMIZED MODEL
✦ Add Texture (Refine)
PBR Maps
4K Texture
⚠ Optimize mesh
before
adding texture — remesh always removes texture.
ADD TEXTURE
0%
✓ Texture applied — use the load button above to add to scene
Describe your model
QUALITY
SmartMesh · web
HD · detailed
POLYCOUNT
target faces
5K
10K
15K
20K
Generate textures (PBR)
GENERATE WITH TRIPO3D
+ ADD TO SCENE
REFINE
optional · runs on the model above
RETOPOLOGY
reduce to target faces
5K
10K
20K
50K
◈ RETOPOLOGIZE
RE-TEXTURE
◉ RE-TEXTURE
SEGMENTATION
✂ SEGMENT INTO PARTS
+ ADD RESULT TO SCENE
Meshy
Tripo3D
Single image
Multi image
Reference Image
Drop image here or tap to browse
JPG, PNG — best results with clear object on clean background
GENERATE 3D FROM IMAGE
0%
✓ Model Ready
LOAD INTO SCENE
OPTIMIZE MESH
optional
3K
10K
30K
100K
Custom
◈ REMESH
0%
LOAD OPTIMIZED MODEL
Reference image
Tap to choose an image (JPG / PNG / WebP)
Multi-view images
front required · others optional
Front *
Left
Back
Right
QUALITY
SmartMesh · web
HD · detailed
POLYCOUNT
target faces
5K
10K
15K
20K
Generate textures (PBR)
GENERATE WITH TRIPO3D
+ ADD TO SCENE
REFINE
optional · runs on the model above
RETOPOLOGY
reduce to target faces
5K
10K
20K
50K
◈ RETOPOLOGIZE
RE-TEXTURE
◉ RE-TEXTURE
SEGMENTATION
✂ SEGMENT INTO PARTS
+ ADD RESULT TO SCENE
Reference Images
1–4 images
Upload different angles of the same object for best reconstruction quality.
✕
✕
✕
✕
GENERATE 3D FROM IMAGES
0%
✓ Model Ready
LOAD INTO SCENE
OPTIMIZE MESH
optional
3K
10K
30K
100K
Custom
◈ REMESH
0%
LOAD OPTIMIZED MODEL
🎨 AI RENDERS
✦ 3D MODELS
VIEW IN AR
Point your camera at a flat surface
LIGHTING SOURCE
Env Map
📷 Camera
📱
iPhone tip:
iOS AR uses your live camera automatically for PBR lighting — no custom env map needed for the best result.
ENV PRESET
EXPOSURE
0.1
1.0
📷 Capture Photo
📷 Open Camera
💡
Tip:
Use your phone's
Panorama
mode first, save it, then open from gallery — gives the most accurate lighting.
Preparing 3D model…
CLOSE
EXPORT VIEWER
Standalone HTML with 3D viewer + interactions
FILE NAME
OPTIONS
Auto-rotate model
Show viewer controls (↻ / ⚙)
Transparent background (for embedding)
⚡ Requires internet (CDN). Offline bundling coming in a future version.
↕ SCROLL TIMELINE
DEFAULT MODE
Smooth
Step
Snap
SMOOTHING
Slow
Fast
TRANSITION SPEED (seconds)
Fast
Slow
0.55s
PAGE HEIGHT (vh)
ℹ Exports models, materials, lights, environment and all animation events into a single HTML file.
Cancel
Export HTML
EXPORT
Choose how to ship your scene
✕
Export Settings
EXPORT SETTINGS
Applied to your published / exported viewer
✕
Typography
The font used across the published viewer — panel, hotspots and labels. Non-system fonts load from Google Fonts.
Viewer font
Type an exact Google Fonts family name (case-sensitive). Unknown names simply fall back to the system font.
The quick brown fox jumps over the lazy dog
Background
Transparent background
Behaviour
Auto-rotate
Show controls hint
Controls position
Top-left
Top-right
Bottom-left
Bottom-right
Camera-view nav (arrows + buttons)
These become the defaults in the Export / Publish dialog — you can still override them per export.
AR button
Show AR button
Style
AR view (icon + label)
Icon only
Position
Top
Bottom
Fill colour
(AR button)
AR fill
Stroke colour
(all viewer buttons)
Border, icon & text
Branding
Show “MESH MAX” badge
Staff control. Turning this off removes the MESH MAX credit from your exported and published viewer.
PFX
NOTES
ANNOTATIONS
✕
HOTSPOTS
DIMENSIONS
Clickable points pinned to a part. Place one on the model, then give it a tooltip, info card, camera move or trigger.
Show points in editor
Show markers in published viewer
Disable manual rotation (camera via hotspots/scroll only)
Add hotspot
Zoom buttons
Shown in the published viewer only when the scene has hotspots and a scroll timeline. Keys: + / −
Position
Top-left
Top-center
Top-right
Mid-left
Mid-right
Bottom-left
Bottom-center
Bottom-right
None (hidden)
Margin (px)
Measure distances on the model. Pick two points, or auto-measure a part's bounding box, then drag the A / B ends to reposition.
Show dimensions in editor
Label size
1.0×
+ Two points
+ Part box
PARTICLE FX
✕
CONFIG
3D CONFIGURATOR
✕
Options
Assembly