Size Comparison

Compare the size of objects.
Controls
Left Click: Rotate
Right Click: Pan
Scroll: Zoom
Scale:

Add Object

Or enter custom dimensions below

Active Objects

Features

  • 100+ pre-defined objects including common items and recent phones
  • Interactive 3D visualization using Three.js
  • Support for multiple alignment modes: Side-by-side, Top Left, Bottom Left
  • Customizable object dimensions (Width, Height, Depth)
  • Multi-unit support (mm, cm, in, ft, m)
  • Real-time rendering and color coding
  • Shareable URLs - share your comparisons with others
  • Copy object configuration data to clipboard

How to Use

  1. Use the "Quick Select" dropdown to choose from 100+ pre-defined objects (common items and phones), or enter custom dimensions below.
  2. Use the "Add Object" form to define a new object with its name, dimensions, and color.
  3. Click "Visualize Object" to add it to the 3D scene.
  4. Use the "Arrangement" dropdown to change how objects are positioned relative to each other.
  5. Interact with the 3D canvas: Left-click to rotate, Right-click to pan, Scroll to zoom.
  6. Remove objects by clicking the trash icon in the list.
  7. Click the Share icon to generate and copy a shareable URL with your current comparison.
  8. Click the Copy icon in "Active Objects" to copy the JSON data of your objects.