Your smart wallet is ready for gasless transactions
{address}
Base Sepolia
}
{state === "transaction-sent" &&
Transaction Sent!
Your gasless transaction has been submitted to the network
{transactionHash}
}
;
};
Sponsoring gas for users is one of the most effective ways to enhance the user experience in dApps. With the Gelato Gasless SDK, developers can easily set up sponsored transactions for their applications in just a few simple steps, enabling seamless onboarding and interaction without requiring users to hold native tokens.
## Getting Started
```typescript theme={null}
import { createGelatoSmartWalletClient, sponsored } from "@gelatonetwork/smartwallet";
import { gelato, kernel, safe, metamask } from "@gelatonetwork/smartwallet/accounts";
import { createWalletClient, createPublicClient, http, type Hex } from "viem";
import { generatePrivateKey, privateKeyToAccount } from "viem/accounts";
```
You can set up a Smart Account as per your needs. In the case of `Gelato`, the Gelato Smart Account address will be the same as your EOA, enabling EIP-7702 features.
When using a `Kernel` Account, you have the option to use EIP-7702 and ERC-4337 together. Setting `eip7702` parameter to true will make your EOA the sender address. However, if you want to utilize existing Kernel accounts only with ERC-4337 features, set it to false.
For a `Safe` Account, it defaults to the ERC-4337 standard. You can either use an already deployed Safe Account or create a new one, while enhancing the experience with Gelato's best-in-class infrastructure.
```typescript theme={null}
const privateKey = (process.env.PRIVATE_KEY ?? generatePrivateKey()) as Hex;
const owner = privateKeyToAccount(privateKey);
const publicClient = createPublicClient({
chain: baseSepolia,
transport: http(),
});
const account = await gelato({
owner,
client: publicClient,
});
```
```typescript theme={null}
const privateKey = (process.env.PRIVATE_KEY ?? generatePrivateKey()) as Hex;
const owner = privateKeyToAccount(privateKey);
const publicClient = createPublicClient({
chain: baseSepolia,
transport: http(),
});
const account = await kernel({
owner,
client: publicClient,
eip7702: false, // set to true if you want to use EIP-7702 with ERC-4337
});
```
```typescript theme={null}
const privateKey = (process.env.PRIVATE_KEY ?? generatePrivateKey()) as Hex;
const owner = privateKeyToAccount(privateKey);
const publicClient = createPublicClient({
chain: baseSepolia,
transport: http(),
});
const account = await safe({
client: publicClient,
owners: [owner],
version: "1.4.1",
});
```
```typescript theme={null}
const privateKey = (process.env.PRIVATE_KEY ?? generatePrivateKey()) as Hex;
const owner = privateKeyToAccount(privateKey);
const publicClient = createPublicClient({
chain: baseSepolia,
transport: http(),
});
const account = await metamask({
owner,
client: publicClient,
});
```
Quickly get started by creating a wallet client using `createWalletClient` from `viem` with local account for your specified network. Checkout supported networks [here](/smart-wallet-sdk/additional-resources/supported-networks).
```typescript theme={null}
const client = createWalletClient({
account,
chain: baseSepolia,
transport: http()
});
```
To create a API Key, visit the [Gelato App](https://app.gelato.cloud/) and navigate to the `Paymaster & Bundler > API Keys` section. Create a new API Key, select the required networks, and copy the generated API Key.
For detailed instructions, click [here](/smart-wallet-sdk/how-to-guides/create-a-api-key) to learn more about creating a API Key.
```typescript theme={null}
const smartWalletClient = createGelatoSmartWalletClient(client, { apiKey });
```
To send sponsored transactions, select Sponsored as the payment method:
```typescript theme={null}
const results = await smartWalletClient.execute({
payment: sponsored(apiKey),
calls: [
{
to: "0xa8851f5f279eD47a292f09CA2b6D40736a51788E",
data: "0xd09de08a",
value: 0n
}
]
});
console.log("userOp hash:", results?.id);
const txHash = await results?.wait();
console.log("transaction hash", txHash);
```
You can batch multiple transactions to be sent on-chain at once by adding them to the calls array:
```typescript theme={null}
const results = await smartWalletClient.execute({
payment: sponsored(),
calls: [
{
to: "0xa8851f5f279eD47a292f09CA2b6D40736a51788E",
data: "0xd09de08a",
value: 0n
},
{
to: "0xa8851f5f279eD47a292f09CA2b6D40736a51788E",
data: "0xd09de08a",
value: 0n
},
{
to: "0xa8851f5f279eD47a292f09CA2b6D40736a51788E",
data: "0xd09de08a",
value: 0n
}
]
});
```
## Sponsor Gas Playground
## Additional Resources
* Check out the full implementation of sponsored transactions using [Gelato Wallets](https://github.com/gelatodigital/smartwallet/tree/master/examples/sponsored/src/index.ts), [Kernel Wallets](https://github.com/gelatodigital/smartwallet/tree/master/examples/kernel-sponsored/src/index.ts), [Safe Wallets](https://github.com/gelatodigital/smartwallet/tree/master/examples/safe-sponsored/src/index.ts) and [Metamask Wallets](https://github.com/gelatodigital/smartwallet/tree/master/examples/metamask-sponsored/src/index.ts).