Get Started

SolanaUI is a component library for building Solana app interfaces. It provides 30+ production-ready components covering swaps, trading, lending, NFTs, wallets, and more -- designed for both human developers and AI coding agents.

AI Skill (Recommended)

The fastest way to build with SolanaUI is to install the AI skill and let your coding agent handle the rest.

npx skills add chambaz/solanaui

This gives your agent (Claude Code, Cursor, Windsurf, etc.) full knowledge of every component, prop interface, composition pattern, and token image URL. Just describe the UI you want and your agent will generate it.

See the AI Skill page for more details including manual installation.

Manual Component Installation

SolanaUI uses the shadcn registry. Add the registry to your components.json:

{
  "registries": {
    "@solanaui": "https://solanaui.dev/r/{name}.json"
  }
}

Then install components individually:

pnpm dlx shadcn@latest add @solanaui/swap-box

npx shadcn@latest add @solanaui/swap-box

yarn dlx shadcn@latest add @solanaui/swap-box

This copies the component source into your project at components/sol/. You own the code. Any required shadcn/ui primitives are resolved automatically.

Browse all available components in the Components reference.

Explore