3d Calcs
CONFIG:
130 W
$0.15/kWh
$20.00/kg spool
Utilities & 3D Tools MODULE3D VIEWER

Client-Side 3D File Viewer & Instant Quote Estimator

View and render 3D files (.STL, .OBJ, .GLB, .3MF) directly in your browser with Three.js and calculate exact volume, filament weight, and production cost client-side.

Drag & Drop 3D File (.STL, .OBJ, .GLB, .3MF)

Parsed 100% locally in your browser

ImportantSelect .OBJ + .MTL + textures together for full multi-color rendering.
Size X
0 mm
Size Y
0 mm
Size Z
0 mm
Triangles
0
Estimated Print Quote
Instant Estimate
$0.00material only
Estimated Weight
0.0 g
0.0 m filament
Mesh Volume
0.0 cm³
0.0 cm³ printed
%
$
Calculated via signed tetrahedron volume summation: V = 1/6 ∑ (p1 · (p2 × p3))
01 / PROTOCOL

Measurement & Operating Instructions

STEP 01

1. Drop 3D File

Drag and drop any .STL, .OBJ, .GLB, or .3MF file into the 3D viewport.

STEP 02

2. Adjust Infill & Material

Change infill percentage and filament material to update cost quote in real time.

STEP 03

3. Inspect 3D Model

Orbit, pan, toggle wireframe, or auto-rotate to inspect dimensions and mesh details.

02 / MATHEMATICS

Signed Tetrahedron Mesh Volume Integration

Computes exact 3D polygon enclosed volume and bounding box using 100% client-side WebGL and Three.js geometry analysis.

Volume = 1/6 ∑ (-p3x·p2y·p1z + p2x·p3y·p1z + p3x·p1y·p2z - p1x·p3y·p2z - p2x·p1y·p3z + p1x·p2y·p3z)
Real-World Worked Benchmark:

A 20×20×20 mm calibration cube has 8.0 cm³ volume. With 15% infill and 2 walls (~28% effective solid ratio) in PLA (1.24 g/cm³), estimated weight is 2.8g and material cost is $0.06.

3D RENDERING & CAD INSPECTION GUIDE•5 min read

Free In-Browser 3D File Viewer & Renderer: Inspect STL, OBJ, GLB & 3MF Models Without Heavy Software

A fast, privacy-first WebGL renderer for makers, engineers, and 3D print operators. Inspect geometry, verify dimensions, check surface normals, and preview models before opening a slicer.

1. The Hassle of Heavy CAD Software Just to Preview a 3D File

Every 3D printing enthusiast, mechanical designer, and digital artist knows the friction: you download a fresh model from Printables, MakerWorld, or Thingiverse, or receive a quick prototype file from a client. To simply look at the geometry and see if it's the right part, you have to launch Fusion 360, Blender, SolidWorks, or a full slicing suite like Bambu Studio or OrcaSlicer.

On a high-end workstation, that boot-up takes 15 to 45 seconds and consumes several gigabytes of RAM. On a mobile phone, tablet, Chromebook, or locked-down corporate laptop, you often cannot install heavy desktop applications at all. Opening an entire CAD package just to verify an orientation or check a bolt clearance is like using a sledgehammer to swat a fly.

Our client-side 3D renderer solves this immediately. Drop any 3D file onto the canvas and it renders at a silky 60 FPS in milliseconds—powered directly by your browser's WebGL engine with zero installation, zero account sign-ups, and zero wait time.

💡Speed Benchmark

While desktop slicers take 20+ seconds to load dependencies, shaders, and printer profile configs, in-browser Three.js WebGL parsing allocates GPU buffers in under 120ms for a standard 50,000-triangle STL mesh.

2. Comprehensive Format Support: Beyond Basic STL Files

Most basic online STL viewers only support raw monochrome stereolithography files. But modern 3D design and digital manufacturing rely on multiple standard formats with distinct strengths:

This renderer handles the complete spectrum of modern 3D asset formats, allowing you to inspect both industrial mechanical brackets and fully textured game assets in one unified viewport.

Supported 3D File Formats & Use Cases

  • ✓STL (.stl, Binary & ASCII): The universal standard for additive manufacturing, slicing, and rapid prototyping.
  • ✓OBJ (.obj) with MTL (.mtl) & Textures: Full multi-color and textured mesh support. Select your .obj, .mtl, and image texture maps (PNG/JPG/WebP) simultaneously to render full-color character sculpts and architectural models.
  • ✓GLB / GLTF (.glb, .gltf): The lightweight 'JPEG of 3D'. Loads embedded PBR materials, metallic/roughness channels, and vertex colors seamlessly.
  • ✓3MF (.3mf): The modern additive manufacturing container that preserves accurate unit metadata, multi-part assemblies, and color definitions.

3. Complete In-Browser 3D Inspection Toolkit

A great 3D viewer isn't just a static thumbnail generator; it needs to be an active diagnostic tool. We built a full suite of interactive camera and rendering controls right into the canvas:

Studio Lighting & Soft Shadows: Multi-point directional lights cast soft shadows across the build plate, clearly revealing surface topology, subtle chamfers, and layer stepping that flat unshaded viewports hide.

Interactive Orbit, Pan & 3-Axis Joystick: Effortlessly rotate with left-click, pan with right-click or two-finger drag, and zoom with the scroll wheel. For touchscreens and precision inspection, toggle our floating XYZ joystick controller to nudge models in precise millimeter steps along individual axes.

90° Quick-Flip Axis Alignment: Need to check if a model prints better on its side or base? Click the ↺X, ↺Y, or ↺Z buttons to instantly flip the part in 90-degree increments without fiddling with Euler angle sliders.

Wireframe Density Inspection: Toggle wireframe mode to reveal the underlying triangle tessellation. This immediately exposes whether an organic sculpt is excessively dense (choking slicer toolpaths) or too low-poly (resulting in visible facets on curved walls).

Custom Material & Filament Color Swatches: Preview your model in realistic silk blue, stealth matte black, fiery orange, or clean white to visualize how it will look in your physical filament before committing to a 14-hour print.

4. Pre-Flight Validation: Catching Slicer Errors Before You Print

Failed prints often stem from simple modeling oversights that could have been spotted in seconds during visual pre-flight inspection. Our tool automatically computes critical geometric metadata:

Bounding Box Dimensions (X × Y × Z mm): Catches scaling disasters instantly. The most common CAD export mistake is the 25.4× imperial-to-metric mismatch—where a part drawn in inches appears as a tiny 1mm speck or a giant 2-meter monster. Our live dimension readout confirms exact physical millimeters instantly.

Triangle Count & Mesh Complexity: Displays total polygon count so you know whether a model needs mesh decimation in Blender before sending it to your 3D printer.

Surface Normal Detection: Inverted normals (where triangles face inwards) cause severe slicing artifacts, holes, or missing perimeter walls. In our renderer, inverted faces appear shaded abnormally dark or inside-out, warning you to run a quick mesh repair before printing.

💡How to Spot Inverted Normal Vectors

If your 3D model appears black, hollow, or displays back faces on top of front surfaces when rotating, the triangle normal vectors are inverted. Most CAD programs can fix this with a single 'Recalculate Outside Normals' command.

5. Absolute Privacy & Security: 100% Client-Side WebGL Processing

When you search for 'free online 3D viewer', nearly every commercial tool on the first page of Google quietly uploads your file to their remote cloud servers. They process your model on an AWS EC2 instance, store copies in a temporary bucket, and stream rendered WebRTC video or downsampled buffers back to your browser.

For hobbyist figurines, this might not matter. But for product designers, defense contractors, medical device inventors, and automotive engineers, uploading unreleased proprietary CAD geometry or patented IP to a third-party server is a severe security violation and often breaches non-disclosure agreements (NDAs).

3D Calcs is built on strict zero-upload architecture. When you drag and drop a 50MB STL or a confidential OBJ file into this viewer, it is parsed 100% locally in your computer's RAM using JavaScript typed arrays and Three.js WebGL shaders. Open your browser's Network tab in DevTools: not a single byte of your 3D model is transmitted over the internet. Your intellectual property never leaves your machine.

6. The Seamless Bridge: From 3D Rendering to Instant Manufacturing Costing

Viewing and verifying a 3D model is only half the battle. Once you know the geometry is sound, the very next question is almost always: 'How much will this cost to make, and how long will it take to print?'

Instead of switching to a separate pricing spreadsheet, our tool seamlessly connects 3D rendering to mathematical cost analysis. As your model loads, a background geometry worker runs signed tetrahedron volume integration (using the divergence theorem) to calculate exact cubic centimeters.

Adjust your infill percentage, select your plastic type (PLA, PETG, ABS, TPU, Resin, Nylon), set your electricity rate and machine depreciation, and the estimator immediately generates an itemized commercial cost breakdown—complete with a one-click printable client PDF quote. It is the fastest, most secure way to inspect, render, and price 3D files anywhere on the web.

Frequently Asked Questions

Are my 3D models uploaded to your server?
No! All parsing and volume calculations run 100% locally in your web browser via Three.js and client-side JavaScript. Your confidential CAD designs never leave your device.
How does the instant price estimator calculate volume from an STL?
It computes the exact signed volume of all triangular mesh facets using the 3D divergence theorem: V = 1/6 ∑ (p1 · (p2 × p3)). It then applies your chosen infill density, wall thickness, and polymer density.
What is the maximum STL file size I can load?
Because processing is entirely client-side, the tool can comfortably load mesh files up to 100MB containing over 2,000,000 triangles on modern computers and smartphones.
Why does my STL file look inside-out or dark?
This occurs when triangle face normal vectors are inverted in CAD. Inverted normals mean the outside surfaces face inwards, which can also confuse slicer perimeter path generators.
Can I export an instant PDF quote for client billing?
Yes, you can generate a complete itemized manufacturing cost breakdown including filament mass, electrical power, print hours, and net profit margin.
CALCULATOR SUITE

Related Calculators

View all 22 tools →→