---
title: Flight Booking
description: Flight search carousel with route details, pricing comparison, and external booking links.
---

Flight Booking showcases a Skyscanner-style flight carousel with outbound/inbound legs, price comparison, and external redirect via `useOpenExternal`.

<img
  src="/images/showcase-flight-booking.png"
  alt="Flight Booking"
  style={{ width: "100%", maxWidth: "960px", borderRadius: "12px" }}
/>

## Links

<CardGroup cols={2}>
  <Card
    title="Try the demo"
    icon="play"
    href="https://flight-booking.skybridge.tech/try"
  >
    Launch the live view experience.
  </Card>
  <Card
    title="View source on GitHub"
    icon="github"
    href="https://github.com/alpic-ai/skybridge/tree/main/examples/flight-booking"
  >
    Browse the full example code.
  </Card>
</CardGroup>

## Skybridge APIs used

- [`useLayout`](/api-reference/use-layout)
- [`useOpenExternal`](/api-reference/use-open-external)
- [`useToolInfo`](/api-reference/use-tool-info)
