Interactive 3D Shape Viewer & STL Exporter

Width (mm):mm

Height (mm):mm

Depth (mm):mm

Radius:mm

Hemisphere Height:mm

A prism based on a 5-pointed star.

Outer Radius:mm

Inner Radius:mm

Height:mm

Outer Radius:mm

Inner Radius:mm

Thickness:mm

Outer Radius:mm

Wall Thickness:mm

Height:mm

Girdle Diameter:mm

Overall Height:mm

Table Ratio (%):%

Crown Height (%):%

Pavilion Depth (%):%

Number of Sides:#

Overall Size:mm

Width:mm

Height:mm

Depth:mm

Bevel:mm

Radius:mm

Height:mm

Rotation (Degrees) 🔄

Left-click drag to orbit. Sliders rotate the object.

Rotate X (Pitch):°

Rotate Y (Yaw):°

Rotate Z (Roll):°

STL Resolution (Segments/Detail):

Zoom Control:

Shape Color:

Shape Brightness:

Interactive 3D Shape Viewer & STL Exporter

Welcome to the 3D Shape Viewer — a simple, powerful tool for creating, customizing, and exporting 3D geometric shapes. Adjust dimensions in real time and export your model as a water-tight STL file, ready for 3D printing or use in CAD software.

How to Use the Viewer

The interface is divided into two parts: a control panel on the left and the 3D viewer on the right.

Choose a Shape: Select a base shape from the left-hand menu.
Adjust Dimensions: Open the “Dimensions” section to modify size and parameters. Parametric shapes (e.g., Ring, Pipe) include specialized controls.
Rotate & Zoom: Drag to rotate the model. Use your mouse wheel to zoom.
Export as STL: Click the green “Export as STL” button to download your file.

What is an STL File?

STL (STereoLithography) is the most common 3D file format used for 3D printing. It represents models as a collection of triangular faces. This tool ensures every exported STL is fully water-tight — meaning no holes or gaps — so slicing software can process it reliably.

How the 3D Shapes Are Generated

This viewer is built using Three.js, a JavaScript 3D library. Each shape is generated using mesh-based geometry with adjustable parameters. Here’s a simplified breakdown:

Base Geometry: Simple primitives (e.g., Cube, Sphere) use built-in Three.js geometry types.
Parametric Shapes: Complex shapes begin as 2D paths (THREE.Shape) and are turned into 3D models using extrusion or lathe operations. This enables customizable parameters such as thickness, bevel depth, or inner radius.
Resolution (Tessellation): Curved shapes are approximated using triangular segments. Increasing resolution makes models smoother but also increases processing load and STL file size.
Mesh Structure: Each object consists of:
- Vertices: Points in 3D space.
- Faces: Triangles formed by connecting vertices.
STL files are built entirely from these triangular faces.
Water-Tight Export: All exported STL files ensure that every edge is shared by two triangles, forming a completely enclosed volume suitable for 3D printing.

Freestlshapes.com