diff --git a/appkit/react-native/core/options.mdx b/appkit/react-native/core/options.mdx
index 59df28bf..41a7d918 100644
--- a/appkit/react-native/core/options.mdx
+++ b/appkit/react-native/core/options.mdx
@@ -171,7 +171,7 @@ Allows you to toggle (enable or disable) additional features provided by AppKit.
### swaps
-Enable or disable the swap feature in your AppKit. [Swaps](/appkit/react/transactions/swaps) feature is enabled by default.
+Enable or disable the swap feature in your AppKit. [Swaps](/appkit/react-native/transactions/swaps) feature is enabled by default.
```ts
createAppKit({
@@ -182,6 +182,19 @@ createAppKit({
});
```
+### onramp
+
+Enable or disable the On-Ramp feature in your AppKit. [On-Ramp](/appkit/react-native/transactions/onramp) feature is enabled by default.
+
+```ts
+createAppKit({
+ //...
+ features: {
+ onramp: true,
+ },
+});
+```
+
### email
This boolean defines whether you want to enable email login. This feature is enabled by default.
diff --git a/appkit/react-native/transactions/onramp.mdx b/appkit/react-native/transactions/onramp.mdx
new file mode 100644
index 00000000..ab5f9491
--- /dev/null
+++ b/appkit/react-native/transactions/onramp.mdx
@@ -0,0 +1,59 @@
+---
+title: On-Ramp
+---
+
+Enable users to purchase crypto with fiat directly within your React Native app using AppKit's On-Ramp feature. This integration allows users to securely access over 100 cryptocurrencies and purchase tokens to support in-app activity and transactions across multiple chains.
+
+## Configuration
+
+The On-Ramp feature is enabled by default in AppKit. Here's how to configure it in your app:
+
+```typescript {4-6}
+createAppKit({
+ projectId: 'YOUR_PROJECT_ID',
+ // ... other config options
+ features: {
+ onramp: true, // Optional - true by default
+ }
+});
+```
+
+If you want to disable the On-Ramp feature, you can set `onramp: false` in the features configuration.
+
+## Usage
+
+### Opening the On-Ramp View
+
+You can programmatically open the On-Ramp view using the `useAppKit` hook:
+
+```typescript {2, 5}
+function OnRampButton() {
+ const { open } = useAppKit();
+
+ const handleOnRampPress = () => {
+ open({ view: 'OnRamp' });
+ };
+
+ return (
+
+ );
+}
+```
+
+### User Flow
+
+1. When users tap the "Buy Crypto" button or select it from the account view, they'll be presented with the On-Ramp interface.
+
+2. In the On-Ramp interface, users can:
+ - Select the fiat currency they want to use
+ - Select the cryptocurrency they want to purchase
+ - Enter the amount they want to purchase
+ - Choose a payment method (e.g., credit card, bank transfer)
+ - Review the transaction details including fees and exchange rates
+
+3. After reviewing the transaction details, users will be redirected to the provider's platform to finish the purchase
+
+4. Once confirmed, the transaction will be processed, and the cryptocurrency will be added to their wallet.
\ No newline at end of file
diff --git a/appkit/react-native/transactions/swaps.mdx b/appkit/react-native/transactions/swaps.mdx
new file mode 100644
index 00000000..e9988b34
--- /dev/null
+++ b/appkit/react-native/transactions/swaps.mdx
@@ -0,0 +1,62 @@
+---
+title: Swaps
+---
+
+Enable users to swap cryptocurrencies directly within your React Native app using AppKit's Swaps feature. This integration allows users to securely trade between a wide variety of tokens across multiple chains.
+
+## Configuration
+
+The Swaps feature is enabled by default in AppKit. Here's how to configure it in your app:
+
+```typescript {4-6}
+createAppKit({
+ projectId: 'YOUR_PROJECT_ID',
+ // ... other config options
+ features: {
+ swaps: true, // Optional - true by default
+ }
+});
+```
+
+If you want to disable the Swaps feature, you can set `swaps: false` in the features configuration.
+
+## Usage
+
+### Opening the Swaps View
+
+You can programmatically open the Swaps view using the `useAppKit` hook:
+
+```typescript {2, 5}
+function SwapButton() {
+ const { open } = useAppKit();
+
+ const handleSwapPress = () => {
+ open({ view: 'Swap' });
+ };
+
+ return (
+
+ );
+}
+```
+
+### User Flow
+
+1. When users tap the "Swap Tokens" button or select it from the account view, they'll be presented with the Swaps interface.
+
+2. In the Swaps interface, users can:
+ - Select the token they want to swap from
+ - Select the token they want to swap to
+ - Enter the amount they want to swap
+ - Review the transaction details including:
+ - Price impact
+ - Network cost
+ - Slippage tolerance
+ - Provider fee
+
+3. After reviewing the transaction details, users can confirm the swap.
+
+4. Once confirmed, the transaction will be processed and the tokens will be swapped in their wallet.
\ No newline at end of file
diff --git a/docs.json b/docs.json
index 081aadfc..739567f4 100644
--- a/docs.json
+++ b/docs.json
@@ -769,6 +769,13 @@
"appkit/react-native/core/resources"
]
},
+ {
+ "group": "Transactions",
+ "pages": [
+ "appkit/react-native/transactions/swaps",
+ "appkit/react-native/transactions/onramp"
+ ]
+ },
{
"group": "Authentication",
"pages": [