Hybrid (2D & 3D)
Combines 2D and 3D elements in a single configurator. Common patterns include a 2D option panel alongside a 3D viewport, or a flat product builder with an optional 3D preview. This approach balances visual richness with UI simplicity.
7 apps
Samara Backyard Hybrid 3D&2D Configurator
Samara
IKEA Planning Tools
IKEA
Oakley 2D Configurator & AR Try-on
Oakley
James Allen Diamond Ring Configurator
James Allen
OnCourt 3D Court Configurator
OnCourt
Origine Cycles Bicycle Configurator
Origine Cycles
RiPanel Enclosures 3D Configurator
Rittal
Other Rendering Modes
3D Rendering
Fully three-dimensional scenes rendered in the browser using WebGL or WebGPU. Users can orbit, zoom, and inspect products from every angle. This is the most common rendering approach for configurators, powering everything from furniture to automotive to jewelry.
2D Rendering
Two-dimensional interfaces that use layered images, SVG compositing, or canvas-based rendering. Often used for print products, labels, packaging, and graphic configurators where depth isn't needed. Typically faster to load and simpler to build than 3D alternatives.
Pixel Streaming
Server-side rendering streamed to the browser as a video feed. The 3D scene runs on a remote GPU (often Unreal Engine or similar) and the user's inputs are sent back over WebRTC. Enables photorealistic quality on any device but requires persistent server infrastructure.