Liquid Logo

Use case

Explore different Liquid use cases

Mode

Preview for both dark and light mode

Brand color

Customize the UI to fit your brand

Custom

Network

Base logoBase
Ink logoInk
Solana logoSolana

Agent reasoning

Show your agent’s thinking process

Modal style

Choose how you want to display the UI in your app

Code snippet

// Imports
import { LiquidProvider, useLiquid } from '@liquid-core/react-sdk'

// Setup
<LiquidProvider
  config={{
    appId: 'your-app-id',
    modalStyle: 'modal',
    chains: ['solana'],
    mode: 'light',
    enableReasoning: true,
    brandColor: '#4891FE',
  }}
>

// Hook usage
const { ask } = useLiquid();

// Button click handler
const handleButtonClick = () => {
  ask({
    userWalletAddresses: ['0x178...7890'],
    message: 'What is my portfolio worth?',
  });
};