Spanline - AI Ops & LLM Observability React Admin Dashboard Template

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.