Spanline — AI Ops & LLM Observability Admin Dashboard
Spanline is a modern admin dashboard template for teams running AI features in production. Track token usage, provider spend, request traces, model health, API keys, fallback routing, guardrails, billing and team access — all from one clean workspace. Includes a full marketing landing page and authentication screens.
Pages
- Overview dashboard — KPI cards, token usage chart, spend by provider, model health, busiest day, budget gauge, AI assistant widget, recent requests
- Usage analytics
- Model health
- Requests & traces with searchable table and trace waterfall drawer
- API keys with spend caps and rate limits
- Model routing with fallback chains
- Alerts & guardrails with incident log
- Billing & invoices
- Team & access
- Workspace settings
- Landing page — hero, steps, stats, features, testimonials, pricing, FAQ
- Sign in, Sign up, Forgot password, Reset password
- Custom 404 page
Features
- React 19, TanStack Start & Router, TypeScript
- Tailwind CSS 4 with semantic colour tokens
- Light and dark mode, remembered per browser, no flash on load
- Fully responsive with collapsible sidebar
- Scroll reveal animations (respects reduced motion)
- Search palette (Ctrl / ⌘ + K)
- Interactive charts with Recharts
- CSV export, filters, dialogs and drawers
- Server-side rendering plus pre-rendered static pages — deploy to Node or any static host
- Rebrand from one config file
- Clean code: ESLint, Prettier and Vitest tests included
- Detailed HTML documentation
Credits
- Fonts: Geist & Geist Mono (Google Fonts, SIL OFL)
- Icons: Lucide (ISC)
- Charts: Recharts (MIT)
- UI primitives: Radix UI / shadcn/ui (MIT)
All data is demo data. No images are included in the download other than the original logo and icons.