Browse

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 5NEW
Strong

The creator explicitly names the model in their original demonstration post and shares the prompt used to achieve the result.

quoted post says 'Claude Fable 5 one-shotted an entire 3D logistics dashboard.'
Listed
Added to Dropday 1h ago · 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.
Source
Timeline
Teaser
Video
Playable
Product

Loading…