---
title: Ecommerce Carousel
description: Product carousel with persistent cart, localization, and modal checkout flow.
---

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

<img
  src="/images/showcase-ecommerce.png"
  alt="Ecommerce Carousel"
  style={{ width: "100%", maxWidth: "960px", borderRadius: "12px" }}
/>

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