sprinkle-dashboard

Web dashboard for managing your Sprinkle developer account.

Built with React 19, Vite, Tailwind CSS 4, TanStack Query, and Recharts. Connects to sprinkle-api via the sprinkle-sdk.

Stack

• Framework: React 19 + Vite
• Styling: Tailwind CSS 4, Radix UI primitives
• Data fetching: TanStack Query v5
• Charts: Recharts
• Routing: Wouter
• Onchain: viem

Features

• Overview — usage stats, recent activity, quick actions
• Projects — create and manage developer projects
• API Keys — generate, rotate, and revoke scoped keys
• AI — model usage, request history, cost breakdown
• Smart Wallets — wallet management and transaction history
• Relay — intent submissions and relay network stats
• Domains — domain provisioning and DNS status
• Billing — credit balance, usage, onchain billing
• Analytics — time-series usage charts

Getting started

git clone https://github.com/sprinklelabs/sprinkle-dashboard
cd sprinkle-dashboard
pnpm install
cp .env.example .env
# Set VITE_API_URL to your API server
pnpm dev

Opens at http://localhost:5173.

Environment variables

VITE_API_URL=http://localhost:3000
VITE_CLERK_PUBLISHABLE_KEY=

Scripts

pnpm dev        # Dev server with HMR
pnpm build      # Production build
pnpm serve      # Preview production build
pnpm typecheck  # Type-check without emit

Contributing

See CONTRIBUTING.md.

License

MIT. See LICENSE.