3D layout editor
Drag equipment into a scene, transform objects, use shortcuts, duplicate selections, and organize work with layers.
3D warehouse design, simulation, and stakeholder walkthroughs
WareVis
Turn automation concepts into interactive 3D layouts with schema-driven equipment, procedural geometry, validation, transfer-unit simulation, and live review workflows.
React + Three.js
ASP.NET API
SignalR ready
Semantic
Objects carry catalog IDs, properties, layers, simulation behavior, and exportable JSON.
Procedural
Conveyors, racks, robots, sensors, and safety assets are generated from editable parameters.
Operational
Viewer mode, saved camera tours, first-person walkthroughs, and real-time layout broadcasts.
Interactive workspace
Use WareVis directly from this page
Scroll from the marketing story into the actual 3D workspace. The embedded visualizer
loads the same routed app that is available at /visualizer/.
Product screenshots
Real views from WareVis
These captures come directly from the live WareVis workspace: simulation playback, rack aisles, catalog browsing, selected-object inspection, and network overlays.
Functionality
Everything needed to present and test warehouse concepts
The product combines a CAD-like editor with a runtime visualizer, so a layout can move from concept design to simulation and customer review without switching tools.
Procedural asset catalog
Build conveyors, racks, scan tunnels, robots, AMRs, safety fencing, mezzanines, labels, and infrastructure from schemas.
Transfer-unit simulation
Model cartons, totes, and pallets moving through directed conveyor topology with accumulation and routing rules.
Validation and portability
Catch invalid object properties, protect publish/export flows, and move layouts through a clean JSON document model.
Demo-ready viewing
Switch from editor to viewer mode, walk through the facility, frame selected equipment, and run saved camera tours.
Backend integration
Use REST endpoints for scene layouts and SignalR broadcasts for real-time layout updates across connected clients.
Customer workflow
From concept to confident review
Plan
Sketch the facility using conveyors, racks, robots, scanners, ports, and operational zones.
Configure
Adjust dimensions, colors, speeds, side rails, labels, visibility layers, and simulation behavior.
Simulate
Create product flows, route transfer units, validate topology, and visualize accumulation behavior.
Present
Publish the layout, enter viewer mode, run camera tours, and guide stakeholders through the solution.
Strengths
Built for warehouse automation sales and engineering teams
WareVis focuses on meaning, not just meshes. Every object is linked to a catalog definition and every layout can be exported, validated, shared, and extended.
Fast customer storytelling
Turn an automation proposal into a navigable visual scene that makes scale, flow, and equipment placement easy to understand.
Configurable equipment library
Object schemas drive the inspector UI, thumbnails, procedural generators, validation rules, and simulation behavior.
High-performance rendering
Three.js managers, instanced geometry, and generated transfer-unit pools support smooth interactive layouts.
Integrator-friendly architecture
Semantic JSON layouts, ASP.NET endpoints, and SignalR updates provide a practical base for future WMS, WCS, or PLC integrations.
Technical documentation
Clear integration points for engineering teams
The standalone docs area gives prospects enough detail to understand deployment, extension, data contracts, and runtime responsibilities before a technical review.
Architecture overview
The frontend keeps React UI orchestration separate from the Three.js rendering engine. Zustand stores hold scene, session, editor draft, and simulation state.
- React panels manage editor controls, validation, object properties, and simulation setup.
- WarehouseEngine coordinates renderer, camera, scene, transform, raycast, and simulation managers.
- ASP.NET Core hosts scene APIs, static files, and the SignalR warehouse hub.
Layout document model
Layouts are portable JSON documents containing metadata, layers, objects, environment settings, saved views, tours, and simulation workers.
{
"version": "1.0",
"metadata": { "name": "Main Facility" },
"layers": [],
"objects": [],
"savedViews": [],
"simulationWorkers": []
}Backend surface
The server exposes scene layout endpoints and broadcasts accepted layout updates to clients joined to the same scene group.
GET /api/scene/{sceneId}/layout
POST /api/scene/{sceneId}/publish
WS /hubs/warehouseDeployment model
The current product can run with Vite during development and as static assets served by ASP.NET in production. Scene layouts persist as JSON files for portable deployments.
- Configure the frontend API base URL with
VITE_API_BASE_URL. - Configure CORS origins in server settings for hosted environments.
- Store layout files under the configured server storage directory.
Detailed tutorial
A guided path from blank scene to demo-ready layout
Start in viewer mode and enter editing
Open the embedded workspace, select Edit Layout, and use the object catalog to begin placing warehouse equipment.
Build the material flow
Add straight, curved, diverter, spiral, pallet, and turntable conveyors. Use snapping and bridge tools to connect lanes accurately.
Add storage, robotics, and safety context
Place rack rows, AutoStore elements, robots, cranes, AMRs, scan tunnels, fencing, labels, floor markings, and work tables.
Configure properties and behavior
Use the inspector to tune dimensions, visual appearance, conveyor speeds, routing mode, transfer-unit orientation, and acceptance filters.
Create simulation flows
Choose cartons, totes, or pallets, set spawn intervals, define waypoints, preview topology, and run the simulation transport controls.
Validate, publish, and present
Resolve validation issues, publish the layout, export JSON if needed, capture camera views, and run a guided walkthrough for the customer.
Contact us
Plan a product walkthrough
Share your warehouse scenario, automation scope, and walkthrough goals. The team can prepare a layout story around conveyance, storage, robotics, transfer units, and customer-facing presentation needs.