Inlet

A regional logistics interface with an Australia capacity map, layered shipment flow and service-mix curves. Reallocating capacity between service levels updates the same network and route model.

• Best forDevelopers building logistics planning products, regional operations tools and transport-capacity dashboards.

• Network overview

  Inspect on-time delivery, regional shipments, the capacity map and layered order-to-delivery flow. Select a region to reveal its routes and inspect the service-mix trend.

• Regions

  Compare all regions, their free-capacity bands, service mix and on-time figures. Use the region inspector to reallocate capacity and compare weekly shipments against the same fleet limit.

• Route capacity

  Filter routes by spare-capacity band, region or urgency. Inspect their load bars, sort or search the route list and open a route's detail without changing the selected network scenario.

• Shipment flow

  Compare orders, dispatched shipments and on-time deliveries for the network or selected region. Focus a service level, inspect weekly demand against dispatches and compare stage conversion by region.

• A geographic capacity workspace

  Select regions and hubs on the Australia outline, inspect routes, zoom or search and read the selected region's free-capacity band. The heat field illustrates the local scenario rather than claiming live telemetry.

• Reallocate a fixed fleet locally

  Move weekly slots between Express, Standard and Economy within explicit bounds. The region's total capacity remains constant while shipments, spare capacity, route loads and network totals are recomputed.

• Flow and trends from one model

  Layered flow strands show service counts at each stage, with percentages and their bases. Weekly service curves and demand-versus-dispatch charts follow the same region and date selection.

• Routes with inspectable limits

  Search and sort structured routes, focus tight or urgent capacity and open load details. Per-region and full Reset restore the demonstration; geographic attribution is included with the source.

• Choreographed views and accessible controls

  Map, regional summaries, flow ribbons and trend graphics assemble from the actual interface. Selection and capacity changes update the same plotted local scenario. Phone layouts, keyboard navigation and initial or late reduced-motion preferences are supported; state stays shared across all four views.

Responsive layouts, keyboard-accessible navigation and reduced-motion support.

Orders, shipments, routes and capacity moves are fictional local calculations. The map uses an attributed geographic outline and an illustrative heat field, not live fleet positions or weather. No carrier, routing engine, TMS, telematics service, backend or persistence is connected; reload or Reset restores the seed.

• IncludedFictional demonstration data and local interactions, ready to edit. The included README identifies the data files and model.
• Not includedBackend, database, authentication, payments or AI services. Features that look connected are simulated; connect your own services when you adapt the code.

• Complete Next.js project
• 4 animated views
• Source files and project assets
• README with setup and customization
• LICENSE.md

Stack and requirements

• StackNext.js 16, React 19, TypeScript, Tailwind CSS v4, Framer Motion, Lucide icons
• FontsFigtree
• RequiresNode.js 20.9 or later, npm, and working knowledge of React and Next.js

Run it locally

Extract the ZIP, open a terminal in the project folder, then run:

npm install
npm run dev

Open localhost:3000. The README covers the data, colors, fonts and animations.

• Price$9 USD, one-time payment. No subscription or renewal.
• TaxesApplicable VAT and sales tax are included in the price. The total is shown before you pay.
• LicenseUnlimited personal and client projects. No resale or redistribution of the source. Read the license
• DeliveryAfter payment, Polar emails your receipt and a download link for the ZIP.
• RefundsIf the files don’t install or run as described and can’t be fixed within 7 days, you get a full refund. Refund policy
• Supporthello@buildindex.dev for the template as delivered.

Secure checkout by Polar. More answers in the questions.