# Kit `@mbga/kit` provides pre-built, themeable React UI components for Spark wallet connection. Drop them into your app for an instant wallet experience. ## Components | Component | Description | | --- | --- | | [`ConnectButton`](/kit/connect-button) | Button that shows "Connect Wallet" when disconnected and account info when connected | | [`ConnectModal`](/kit/connect-modal) | Modal listing available wallet connectors | | [`AccountModal`](/kit/account-modal) | Modal showing account details, balance, and disconnect | ## Quick Start ```tsx import { MbgaProvider } from 'mbga' import { KitProvider, ConnectButton, ConnectModal, AccountModal } from '@mbga/kit' function App() { return ( ) } ``` ## Theming Kit supports `light` and `dark` themes out of the box. Pass the `theme` prop to `KitProvider`: ```tsx ``` You can also provide custom CSS variable overrides: ```tsx ``` ## Storybook Browse all component variants and themes interactively by running `pnpm storybook` from the repository root.