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

# Architecture Explorer

> Explore the component hierarchy and available customization points in Primer Checkout.

Explore how Primer Checkout components are organized and which customization points are available.
Each platform uses a different architecture pattern — choose your platform to launch the interactive explorer:

<CardGroup cols={3}>
  <Card title="Web — Slots" icon="globe" href="/checkout/primer-checkout/build-your-ui/slot-architecture-explorer-web">
    Web Components slot-based architecture with overridable named slots.
  </Card>

  <Card title="iOS — Scopes" icon="apple" href="/checkout/primer-checkout/build-your-ui/scope-architecture-explorer-ios">
    SwiftUI scope-based architecture with customization points, actions, and state types.
  </Card>

  <Card title="Android — Components" icon="android" href="/checkout/primer-checkout/build-your-ui/component-architecture-explorer-android">
    Jetpack Compose component hierarchy with composable slots and state management.
  </Card>
</CardGroup>