Cargora React is a freight forwarding React template, made for freight forwarders and logistics companies. It rebuilds the Cargora design as a React 18 app with Vite. Every page is a function component, and React Router moves between all 30 pages without a reload.

It looks exactly like the Cargora demo. Underneath, the freight logic runs in React state. That covers freight quotes from the chargeable weight, the lane and the service level and shipment tracking with dated events, and the page updates the moment a visitor changes an option.

Three Home Pages As Components

• Global Freight – a photo hero slider with a progress line under each mode.
• Ocean & Containers – a yellow hero with the Cargora containers and a numbered pager, the track bar.
• Rail & Warehousing – a studio-grey hero of wagons and locomotives, the rolling stock.

Freight Pages In React

• Freight Quote – 4 modes on 12 lanes.
• Track Shipment – a shipment number gives its status, progress bar and dated event timeline.
• Request A Freight – five steps: the shipment, your cargo, services, your company.
• Sailings & Departures – the next departure on every lane with its cut-off and the time left.
• Container Guide – 7 boxes with inside sizes, doors, volume and payload, 5 pallet sizes.
• Customs Documents – the documents a shipment needs by mode, route and goods.

Freight Forwarding React Template Features

• React 18 function components and hooks across 30 pages
• Vite for a fast dev server and an optimised production build
• React Router routes for every page, including the three home pages
• Theme and language state shared through React Context
• Light and dark mode on one switch, remembered between visits
• Right-to-left layouts for every page
• Responsive from phones to wide screens
• Documentation for setup, structure and changes

Getting Started

First, install Node 18 or newer. Then run npm install and npm run dev to open the site locally. When it is ready, npm run build writes static files that any host can serve.

Looking for this freight forwarding React template in another stack? Cargora also comes as HTML5, Vue, Angular and WordPress. You can get every format in the developer bundle at 20% off, or browse more Logistics & Shipping React templates.

Built with React and Vite, with Sarabun and Martian Mono from Google Fonts.