Skip to Content
Advanced: Direct SDKReact IntegrationVolt

Volt

Charge up a percentage and land on multiplier tiers — the higher the charge, the bigger the payout.

Import

import { VoltGameSDK } from '@maktubbet/sdk/volt' import '@maktubbet/sdk/volt/styles.css'

You can also import from the root package:

import { VoltGameSDK } from '@maktubbet/sdk'

Usage

'use client' import { useState } from 'react' import { VoltGameSDK } from '@maktubbet/sdk/volt' import '@maktubbet/sdk/volt/styles.css' export default function VoltPage() { return ( <VoltGameSDK accessToken="user-jwt-token" user={{ betCount: 0, isAuthenticated: true }} updateBalance={(newBalance) => console.log(newBalance)} onAuthRequired={() => console.log('Auth required')} currency={{ code: 'USD', prefix: '$', rate: 1 }} language="en" logo={<span>MY LOGO</span>} onToast={(t) => console.log('Toast:', t.title)} theme={{ backgroundDark: '#0D1117', backgroundDarkLight: '#161B22', inputBackground: '#0D1117', actionButtonColor: '#1C2333', buttonColor: '#FFFFFF', }} /> ) }

Demo Mode

Demo mode is automatically enabled when a user places a bet with a $0 amount. To run the game entirely client-side without a backend session, pass isDemo — see Demo Mode.

Features

  • Phone mockup display — visual percentage charge inside an iPhone frame
  • Multiplier tiers — 6 tiers from 0.3x to 50x based on the charged percentage
  • Animated progress bar — real-time visual feedback on tier progression
  • Autobet — automated consecutive bets
  • Theme-aware — phone mockup adapts to the dark background theme

Props

See Shared PropsVoltGameSDK accepts the standard VoltGameSDKProps interface.

PropTypeRequiredDefault
accessTokenstring | null
userGameUser
updateBalance(balance: number) => void
onAuthRequired() => void
currencyGameCurrency{ code: 'USD', prefix: '$', rate: 1 }
languagestring'en'
logoReactNode
onToast(toast: ToastData) => void
themeGameTheme
Last updated on