Skip to content
Wallet UI Wallet UI

Getting started

Get started with a template

Section titled “Get started with a template”

The fastest path is to start from a template. That gives you a working app structure, styling setup, and Wallet UI already wired in.

React with Vite and Tailwind CSS

Section titled “React with Vite and Tailwind CSS”

React apps with Vite, TypeScript, Tailwind CSS, Wallet UI, and Solana Kit.

Use bun-react-vite-solana-kit for a basic app, or choose quasar-react-counter or quasar-react-escrow for an app with an example Quasar program.

Terminal window
npx create-seed@latest -t bun-react-vite-solana-kit
npx create-seed@latest -t quasar-react-counter
npx create-seed@latest -t quasar-react-escrow

Framework guide

Section titled “Framework guide”

If you are adding Wallet UI to an existing project, or you want to wire it up manually, use one of the framework guides below.

Next.js Set up Wallet UI with Next.js
Vite Set up Wallet UI with Vite

After setup, continue with Core concepts to understand the provider and state model, then move into components or hooks depending on how custom your UI needs to be.