Opinionated React components and hooks for building Sui dApps.
pnpm add @suiware/kit @mysten/dapp-kit @mysten/sui @mysten/suins @mysten/wallet-standard @tanstack/react-query
import '@mysten/dapp-kit/dist/index.css'
import '@suiware/kit/main.css'
Like so:
import '@mysten/dapp-kit/dist/index.css'
import '@suiware/kit/main.css'
function App() {
return (
<div className="main">
Hey there!
</div>
)
}
import '@mysten/dapp-kit/dist/index.css'
import '@suiware/kit/main.css'
import { SuiProvider } from '@suiware/kit'
function App() {
return (
<SuiProvider>
<div className="main">
Hey there!
</div>
</SuiProvider>
)
}
import '@mysten/dapp-kit/dist/index.css'
import '@suiware/kit/main.css'
import { SuiProvider, Balance } from '@suiware/kit'
function App() {
return (
<SuiProvider>
<div className="main">
Hey there! Your SUI balance is <Balance />
</div>
</SuiProvider>
)
}