> ## Documentation Index
> Fetch the complete documentation index at: https://docs.skybridge.tech/llms.txt
> Use this file to discover all available pages before exploring further.

# Flight Booking

> 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="https://mintcdn.com/skybridge-alpic/W8UCi-DdcxLpKGkg/images/showcase-flight-booking.png?fit=max&auto=format&n=W8UCi-DdcxLpKGkg&q=85&s=a93c58890be619631800ac29216210bb" alt="Flight Booking" style={{ width: "100%", maxWidth: "960px", borderRadius: "12px" }} width="804" height="287" data-path="images/showcase-flight-booking.png" />

## 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)