3D Logistics Dashboard
An interactive 3D supply chain dashboard generated in one shot from a screenshot
About
A fully functional 3D logistics dashboard featuring a draggable Three.js globe, animated route arcs, and a glassmorphism UI. It was built by prompting an AI with a single reference image to recreate the layout, lighting, and interactivity.
Details
- Built with
- Fable 5NEWStrongquoted post says 'Claude Fable 5 one-shotted an entire 3D logistics dashboard.'
The creator explicitly names the model in their original demonstration post and shares the prompt used to achieve the result.
- Listed
- Added to Dropday just now · model released Jun 9, 2026
- Evidence
- Moderate
The author provides a video demonstration of the working dashboard and a direct link to the demo resource, though the link is a shortened t.co URL.
Prompt
Create a single-file 3D logistics dashboard using Three.js and Tailwind CSS that visualizes a global supply chain network. The interface should include: - A draggable and zoomable Three.js globe (Earth) at the center, with realistic texture and lighting - Multiple animated route arcs connecting major logistics hubs (use glowing lines with particle effects) - Real-time updating stats panel (glassmorphism style) showing metrics like: Total Shipments, Active Routes, Avg Delivery Time, On-Time Rate - Interactive sidebar with filterable list of shipments (origin, destination, status, ETA) - Clickable nodes on the globe that highlight corresponding shipments and update the stats - Smooth camera controls (orbit, pan, zoom) - Modern dark theme with neon accents - Fully responsive layout that works on desktop Use the attached reference image as the exact visual style guide for colors, typography, UI elements, and overall aesthetic. Replicate the exact layout, glass effects, iconography, and color palette from the image. Everything must be in one self-contained HTML file with inline Three.js (via CDN) and Tailwind (via CDN). No external dependencies beyond CDNs. Make it look production-ready and polished.
Timeline
Teaser
Video
Playable
Product
Loading…
Media & coverage
sourced from 1 post


