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.
Next.js and Tailwind CSS
Section titled “Next.js and Tailwind CSS”Basic Next.js app with Tailwind, gill and Wallet UI.
Use templates gill-next-tailwind-basic or gill-next-tailwind-counter to generate a starting point with Wallet UI and the surrounding app scaffolding in place.
npx create-solana-dapp@latest -t gill-next-tailwindpnpm dlx create-solana-dapp@latest -t gill-next-tailwindbunx create-solana-dapp@latest -t gill-next-tailwindReact with Vite and Tailwind CSS
Section titled “React with Vite and Tailwind CSS”Basic React app with Vite, Tailwind, gill and Wallet UI.
Use templates gill-react-vite-tailwind-basic or gill-react-vite-tailwind-counter to generate a starting point with Wallet UI and the surrounding app scaffolding in place.
npx create-solana-dapp@latest -t gill-react-vite-tailwindpnpm dlx create-solana-dapp@latest -t gill-react-vite-tailwindbunx create-solana-dapp@latest -t gill-react-vite-tailwindFramework 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.
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.