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

# Ecommerce Carousel

> Product carousel with persistent cart, localization, and modal checkout flow.

Ecommerce Carousel highlights localization, modal dialogs, persistent state, and external checkout flows.

<img src="https://mintcdn.com/skybridge-alpic/e7Fj8WpwcOpDyXhx/images/showcase-ecommerce.png?fit=max&auto=format&n=e7Fj8WpwcOpDyXhx&q=85&s=fd2a570272772f7b3b64a96fad61ad6c" alt="Ecommerce Carousel" style={{ width: "100%", maxWidth: "960px", borderRadius: "12px" }} width="1296" height="806" data-path="images/showcase-ecommerce.png" />

## Links

<CardGroup cols={2}>
  <Card title="Try the demo" icon="play" href="https://ecommerce.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/ecom-carousel">
    Browse the full example code.
  </Card>
</CardGroup>

## Skybridge APIs used

* [`useLayout`](/api-reference/use-layout)
* [`useOpenExternal`](/api-reference/use-open-external)
* [`useRequestModal`](/api-reference/use-request-modal)
* [`useToolInfo`](/api-reference/use-tool-info)
* [`useUser`](/api-reference/use-user)
* [`useViewState`](/api-reference/use-view-state)