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

# Introduction

> Multi-provider crypto onramp aggregation. Compare quotes across payment gateways and surface the best rate for your users.

# NowRamp

NowRamp is a multi-provider aggregation platform for crypto on-ramp. It fans out requests to multiple payment gateways, compares quotes in real-time, and lets your users complete checkout with the best available provider.

## Key Features

<CardGroup cols={2}>
  <Card title="Multi-Provider Aggregation" icon="ranking-star">
    Compare rates across multiple payment gateways and surface the best price, lowest fees, or fastest delivery
  </Card>

  <Card title="React Components" icon="react">
    Drop-in `RampForm` component handles currency selection, quote comparison, wallet input, and provider checkout
  </Card>

  <Card title="JavaScript SDK" icon="js">
    `RampApi` client for direct API access — fetch quotes, create checkouts, and track transactions programmatically
  </Card>

  <Card title="Multi-Tenant Architecture" icon="building">
    Support multiple partners and projects with isolated configurations, customers, and data
  </Card>
</CardGroup>

## How It Works

```mermaid theme={null}
sequenceDiagram
    participant App as Your App
    participant API as NowRamp API
    participant GW as Payment Gateways

    App->>API: GET /onramp/supported
    API-->>App: Gateways, currencies, payment methods

    App->>API: GET /onramp/quotes
    API->>GW: Fan out to all gateways
    GW-->>API: Quotes
    API-->>App: Ranked quotes (best rate first)

    App->>API: POST /onramp/checkout-intent
    API->>GW: Create order with chosen gateway
    GW-->>API: Checkout URL
    API-->>App: Redirect URL / iframe

    App->>API: GET /onramp/transactions/:id
    API-->>App: Transaction status
```

## Architecture

```mermaid theme={null}
flowchart TB
    subgraph Partner["Partner Application"]
        Form["React Components / SDK"]
    end

    subgraph API["NowRamp API"]
        Onramp["Onramp Aggregator"]
        Health["Health Monitor"]
        GeoIP["GeoIP Detection"]
    end

    subgraph Providers["Payment Gateways"]
        GW1["Gateway A"]
        GW2["Gateway B"]
        GWN["Gateway ..."]
    end

    Partner --> API
    Onramp --> Providers
    Health --> Providers
```

## Quick Links

<CardGroup cols={2}>
  <Card title="Quickstart" icon="rocket" href="/quickstart">
    Get up and running in 5 minutes
  </Card>

  <Card title="Onramp API" icon="code" href="/api/onramp">
    Full API reference for all onramp endpoints
  </Card>

  <Card title="React Components" icon="react" href="/sdk/form">
    Drop-in checkout form with theming and hooks
  </Card>

  <Card title="Multi-Provider Quotes" icon="ranking-star" href="/guides/multi-provider-quotes">
    Build a quote comparison UI
  </Card>

  <Card title="Callback URLs" icon="webhook" href="/guides/callback-urls">
    Receive real-time transaction notifications
  </Card>
</CardGroup>