Mode

Preview for both dark and light mode

Brand color

Show your agent’s thinking process

Custom

Network

Base

Ink

Solana

Agent reasoning

Show your agent’s thinking process

Modal style

Choose how you want to display the UI in your app

👋 Hey there!

I'm your AI assistant. Ask me anything.

Code snippet

// Imports
import Liquid from '@liquid/sdk';

// Setup
const agent = new LiquidAgent({
  appId: 'xxxx',
  chain: ['base', 'ink', 'solana'],
  enableReasoning: true,
  mode: 'light',
  brandColor: '#4891FE',
  modalStyle: 'bottom-sheet-half'
});