Skip to main content
Spice Flow documentation is still being improved upon and not recommended for general use yet. If you wish to integrate, please message our CTO here

​
Quick Start

​
Installation

npm install @spicenet-io/spiceflow
# or
yarn add @spicenet-io/spiceflow

​
Basic Setup

Wrap your app with SpiceFlowProvider and add the SwapWidget: 
import { SpiceFlowProvider, SwapWidget, ProviderLogin } from "@spicenet-io/spiceflow";

function App() {
  return (
    <SpiceFlowProvider
      provider=""
    >
      <ProviderLogin />
      <SwapWidget 
        swapBatches={[]} 
        supportedChains={[]} 
      />
    </SpiceFlowProvider>
  );
}

​
Core Components

Spice Flow Provider

Wallet provider wrapper supporting Privy, Dynamic, and Para

Swap Widget

Pre-built UI for cross-chain swaps with customizable styling

Provider Login

Wallet connection component for your selected provider

​
SDK Documentation

Installation & Setup

Get started with installation and configuration

Components

Complete component reference and props

Hooks

React hooks for building custom UIs

Configuration

Wallet providers, chains, and styling options

​
Examples & Guides

Quick Start

Build your first Spice Flow app in 5 minutes

Native Swap Example

Complete example: build a cross-chain swap interface

Best Practices

Security guidelines and integration patterns

Custom Styling

Customize components to match your brand

​
Technical Deep Dive

How It Works

Understand the architecture behind Spice Flow

EIP-7702

Learn about EIP-7702 delegation

API Reference

REST API documentation for advanced use cases

Delegate Contract

Deep dive into the on-chain delegation contract

​
Key Features

Key features and business benefits provided by SpiceFlow

Go Universal

Make your application feel native to users across every major EVM-compatible blockchain ecosystem.

Reduced Distribution Costs

Access users and volume from every major blockchain ecosystem without the need to redeploy smart contracts.

Native, Bridge-Free UX

Users can access SpiceFlow-powered applications using existing wallets and assets on their preferred networks.

Easy to Integrate

Spice Flow is easy to integrate with just a client-side integration, no smart contract changes needed.

​
Need Help?

Join our Community

Get help from our community and team on Discord.

Message our CTO

Connect with our CTO to get your questions answered and request a personalized, white-glove onboarding to Spice Flow.