Back to Blog
Product2 min read

Introducing Advanced 3D Viewer Integration

Explore our new Babylon.js powered 3D viewer that supports OBJ, STL, GLTF and more formats directly in your browser.

Alex Chen
January 8, 2026
Introducing Advanced 3D Viewer Integration

Introducing Advanced 3D Viewer Integration

We're excited to announce our new 3D viewer, powered by Babylon.js, bringing powerful model visualization directly to your browser.

Supported Formats

View 3D models in multiple formats without any software installation:

  • OBJ - Wavefront Object files
  • STL - Stereolithography files
  • GLTF/GLB - GL Transmission Format
  • FBX - Filmbox (coming soon)
  • STEP/IGES - via Autodesk conversion

Key Features

Interactive Navigation

  • Orbit, pan, and zoom controls
  • Touch support for mobile devices
  • Keyboard shortcuts for power users

Visual Effects

  • Part highlighting on hover/click
  • Ghosting for focused viewing
  • Exploded views for assemblies
  • Material customization

Measurement Tools

  • Point-to-point distance
  • Surface area calculation
  • Volume estimation
  • Annotation placement

Collaboration

  • Share specific views via links
  • Add comments anchored to parts
  • Export screenshots with annotations

Technical Details

Built on the Babylon.js engine:

// Example: Loading a model
const viewer = new BabylonViewer({
  modelUrl: '/models/assembly.obj',
  backgroundColor: '#1a1a2e',
  onModelLoaded: (model) => {
    console.log('Model loaded:', model.name)
  }
})

Performance Optimizations

We've optimized for large models:

Model SizeLoad TimeFPS
< 10MB< 2s60
10-50MB< 5s45+
50-100MB< 10s30+

Try It Now

Upload any 3D model to DesignOps and experience the new viewer. Start free.

3D ViewerBabylon.jsCADProduct Update
Share this article

Ready to transform your workflow?

See how DesignOps can help your team work smarter, not harder.