Cargora — Tailwind CSS Freight Forwarding Template (HTML)

About This Item

Cargora gives a freight forwarder a ready website with real forwarding tools, so customers can price a shipment, follow it and request a booking without calling. This Tailwind CSS 4 build keeps the yellow-and-ink design of the original, with Sarabun headings and Martian Mono labels, and it works as a Tailwind CSS freight forwarding template from the first page. It suits companies that move cargo for businesses by road, sea, air and rail.

Cargora is a Tailwind CSS freight forwarding template built on Tailwind CSS 4, and it lets a forwarder quote, track and book cargo on its own website. It includes 30 pages and 3 home page designs, plus a light and a dark theme and right-to-left support.

Freight Forwarding Home Pages for Air, Ocean and Rail

Each home page leads with a different mode, so you can pick the one that matches your business.

• Global Freight: a photo hero slider, the freight modes in tabs, four ways to ship with prices from, tonight’s flights with cut-offs, a quick quote and the latest freight notes.
• Ocean & Containers: a yellow hero, a track bar, a box sizes scene that shows a pallet beside a 20 ft and a 40 ft container, and a full-container price finder.
• Rail & Warehousing: a studio-grey hero of wagons, modes compared on price and days, and a warehouse aisle where forklifts lift pallets into bays.

Freight Forwarding Quote, Tracking and Booking Pages

These three pages matter most, because a shipper decides to book there.

• Freight Quote covers 4 modes on 12 lanes. Weight and volume give the chargeable weight. Then the price appears line by line with the fuel surcharge, transit days and next departure.
• Track Shipment takes a shipment number and shows status, a progress bar and a dated event timeline, with six demo shipments across the four modes.
• Request A Freight runs in five steps and ends with a review and an estimate. A quote booked on the quote page fills the form, so the customer does not retype anything.

Departures, Container Guide and Customs Documents

These pages answer the questions shippers ask before they commit cargo.

• Sailings & Departures lists the next departure on every lane with its cut-off. It counts time in the origin’s own time zone, and visitors can filter by mode and origin.
• Container Guide describes 7 boxes and 5 pallet sizes, and its load planner draws the floor from above to show what fits.
• Customs Documents lists 22 documents by mode, route and goods. It also explains 11 Incoterms and has a landed-cost calculator with duty and import VAT or GST for 8 markets.
• Global Network shows 15 offices by region, each with local time and open or closed status.

Tailwind CSS Freight Forwarding Template: Thirty Pages

The page list is long, so here it is by group.

• Services: Our Services, Service Details, Industries, Case Studies and Case Details.
• Company: About Us, Our Team, Team Member, Open Positions and Job Details.
• Support: FAQ with search, Blog, Blog Details and Contact with a working form and map.
• Account: My Account, Login, Register and Forgot Password.
• Utility: Coming Soon and 404.

The pages below make up the Tailwind CSS freight forwarding template, and a few of them carry most of the weight for a forwarder. Keep the tools above first, then trim the rest to fit your service list.

How Tailwind CSS 4 Shapes These Pages

The Tailwind theme sets colors, fonts and spacing once, so changing cargo yellow or the heading font reaches every page at once. Styling sits as utility classes in the HTML, so you can read and adjust the Freight Quote layout right where it sits. Mobile-first breakpoint prefixes also let the tracking timeline and the container planner adapt to phones and tablets.

Motion, Themes and Download Contents

A WebGL graticule turns beside the titles, and a container ship rides waves in the footer. The theme remembers the visitor’s light or dark choice, and it also honors prefers-reduced-motion. Sliders use Swiper, the video popup uses Fancybox, and animation uses GSAP with ScrollTrigger. Font Awesome Free is loaded locally, and the contact form uses a working handler with optional invisible reCAPTCHA v3.

The download opens as finished pages, and it also includes the Tailwind source if you want to edit and rebuild the styles. Neutral placeholders replace the preview images, and documentation comes with it.