Convoy – Logistics & Fleet Dashboard HTML Template

Convoy – Logistics & Fleet Dashboard HTML Template

Convoy is a control-tower dashboard for logistics companies, freight forwarders, delivery fleets and supply-chain SaaS. A deep navy blueprint theme with amber signals and cyan telemetry, a live SVG map with moving vehicles and a floating dock make it feel like mission control. A light theme is included.

✨ Highlights

• Live control-tower map with animated vehicles on routes, hubs, alerts and overlay cards, with no map library required
• Shipment tracking page with position, event timeline, cargo, documents, speed chart and a customer-notification modal
• Drag-and-drop dispatch board that assigns loads to drivers, with capacity bars and quick add
• Route planner with add and remove stops, live distance, drive time, toll and CO₂ estimates, and an optimise button
• Fleet table and vehicle page with reefer temperature chart, telemetry gauges and service history
• Drivers with hours-of-service bars and safety scores, warehouse bin heatmap and dock schedule, maintenance work orders
• Reports with on-time trend, revenue by lane, delay causes and a customer scorecard
• Command palette (Ctrl/⌘ + K), live clock, alert menu, dark and light mode, fully responsive

📄 17 pages included

• Control tower (live map)
• Shipments
• Shipment tracking
• Dispatch board
• Route planner
• Fleet
• Vehicle detail
• Drivers
• Warehouses
• Maintenance
• Reports
• Settings (alerts, company, integrations, users)
• Help & support
• Log in
• Create account
• Privacy & terms
• 404 error page

💻 Built with

HTML5, CSS3 and vanilla JavaScript. No frameworks, no build step and no dependencies. Charts and the map are lightweight SVG you can connect to your own telematics or TMS data. Colours, fonts and radii are CSS variables.

📦 What you get

• All HTML, CSS and JavaScript source files
• Documentation (documentation.html)
• License file

ℹ️ Good to know

This is a front-end HTML template with sample data. The map is an illustrative SVG; swap in a map provider such as Mapbox or Google Maps for real geography. Use the Live preview button to explore every page before you buy.

Copyright © 2026 DesignVersa. Licensed for one end product per purchase. Resale or redistribution is not permitted.