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

# Architecture

> The MoonPay Off-Ramp is a standalone widget product with an optional API and webhooks for an enhanced user experience. We provide web and mobile SDKs to render the widget in your app and a backend Node SDK for performing server-side functions.

## Components for on-ramp integrations

| Component                                                             | Features                                                                                                                                                                                                                                                                 |
| --------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| [URL integration](/widget/off-ramp/integration-methods/url)           | An alternative to using our SDKs Generate MoonPay widget links to show the widget in an iframe                                                                                                                                                                           |
| [Web SDKs](/widget/off-ramp/integration-methods/sdks/web)             | [Parameters](/widget/off-ramp/integration-methods/sdks/overview) to pre-fill cryptocurrency, fiat currency, crypto amount, user email, etc. Includes [communication layer](/widget/off-ramp/integration-methods/sdks/events) between partner apps and the MoonPay widget |
| [Mobile SDKs](/widget/off-ramp/integration-methods/sdks/react-native) | React Native SDK                                                                                                                                                                                                                                                         |
| [Node SDK](/widget/off-ramp/integration-methods/sdks/node)            | Perform server-side functions, like [URL signing](/widget/off-ramp/customization/url-signing)                                                                                                                                                                            |
| [MoonPay API](/api-reference/widget)                                  | Get minimum / maximum sell amounts Get sell quote Show transaction history                                                                                                                                                                                               |
| [Webhooks](/api-reference/widget)                                     | Get transaction updates                                                                                                                                                                                                                                                  |

## High-level diagram

This diagram shows a basic crypto sell flow and the components required for implementation. Use our API and webhooks to provide helpful context in your app, including minimum / maximum sell amounts, quotes, and transaction history.

<Frame caption="Architecture">
  <img width="340" src="https://mintcdn.com/moonpay/Kzio-7fxRExSXZf_/images/widget/0cdd612-image.png?fit=max&auto=format&n=Kzio-7fxRExSXZf_&q=85&s=672b539b5ae1095f98516f28d52f8570" alt="Architecture" data-path="images/widget/0cdd612-image.png" />
</Frame>
