Skip to content

🚀 Launch week: 40% off every license · LAUNCH40 See pricing →

Velora
Get Velora
New · Next.js 16 + Tailwind 4 + shadcn/ui

The Next.js AI SaaS dashboard template you'd build if you had six weeks.

Velora is a premium shadcn admin template for AI products — usage analytics, API keys, billing & credits, teams and a model playground. Rebrand in one file and ship today.

View live demo Get Velora — $29 $17

Or start with the free MIT Lite version.

Velora overview dashboard with API usage chart, credits remaining and MRR
  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • shadcn/ui
  • Recharts
  • Radix UI
  • lucide

Features

Everything an AI SaaS admin needs

The screens every AI product ends up building — designed once, properly, with accessible components and real-world states.

  • Usage analytics

    Stacked requests-by-model charts with 7/30/90-day ranges, KPI cards, MRR and top endpoints — built on Recharts.

  • API key management

    Create scoped keys with a shown-once secret, environments, last-used tracking, revoke confirmations and quickstart snippets.

  • Billing & credits

    Plans with monthly/yearly toggle, credit top-up with presets and auto-recharge, payment methods and invoices.

  • Teams & roles

    Invite flow, inline role changes, search and filters, plus a clear role-by-permission matrix.

  • Model playground

    System and user prompts, streaming output, model picker, temperature / max tokens / top-p and a view-code dialog.

  • Rebrand in one file

    Name, colors, radius and fonts live in velora.config.ts. Change them once and every component follows.

  • Dark & light mode

    Hand-tuned palettes for both themes, system preference support and no flash on load.

  • Accessible & responsive

    Radix primitives, labelled controls, focus rings, skip link, reduced motion — and every page works at 390px.

  • Vercel-ready

    Next.js 16 App Router, fully static output, zero env vars. Import, click Deploy, done.

11 pages included

Real screenshots, not mockups

Every image below is a capture of the actual template. Toggle the site theme to see dark mode.

  • Velora Overview page

    Overview

    KPIs, usage by model, credits remaining, MRR and a live request log.

  • Velora API keys page

    API keys

    Scoped keys, shown-once secrets, rate limits and quickstart code.

  • Velora Usage & billing page

    Usage & billing

    Plans, daily cost, credit top-up, payment methods and invoices.

  • Velora Team & roles page

    Team & roles

    Members, invites, inline role changes and a permission matrix.

  • Velora Model playground page

    Model playground

    Prompt, stream, tweak parameters and copy the request.

  • Velora Notifications page

    Notifications

    Usage, billing, security and team alerts with per-channel preferences.

  • Velora Account settings page

    Account settings

    Profile, password, 2FA, sessions, appearance and workspace.

  • Velora Auth screens page

    Auth screens

    Sign in, sign up with strength meter, and forgot password.

Velora overview on a phone

Responsive down to 390px

The sidebar collapses to an icon rail on desktop (⌘B) and becomes a drawer on mobile. Tables keep their key columns, charts resize, and nothing scrolls sideways.

Try it on your phone

Pricing

Pay once. Ship forever.

One-time payment. Unlimited projects. No subscriptions.

🚀 Launch week: 40% off every license — prices below already include it.

Code LAUNCH40 · Ends Sunday at midnight PT

  • Personal

    For solo founders and freelancers.

    $17$29

    one-time · USD

    • 1 developer
    • Unlimited projects
    • All 11 pages + components
    • Dark + light mode
    • 12 months of updates
    Buy Personal
  • Most popular

    Team

    For startups and agencies shipping together.

    $47$79

    one-time · USD

    • Up to 10 developers
    • Unlimited projects
    • Client projects allowed
    • Priority email support
    • 12 months of updates
    Buy Team

  • Lifetime updates

    Team license plus every future release.

    $77$129

    one-time · USD

    • Everything in Team
    • Lifetime updates
    • New pages as they ship
    • Early access to new templates
    • Private roadmap voting
    Buy Lifetime

Secure checkout · Instant download · Taxes calculated at checkout

Velora vs. from scratch

Skip the six weeks of dashboard plumbing

Comparison of Velora against building a dashboard from scratch
Criteria VeloraBuilding from scratch
Time to a polished adminAn afternoon4–6 weeks
Cost (at $75/h)From $17$12,000–$18,000
Billing, credits & invoices UIIncludedDesign + build yourself
API keys & team roles UIIncludedDesign + build yourself
Dark mode tuned for every screenIncludedUsually an afterthought
Accessible dialogs, menus, formsRadix + auditedEasy to get wrong
Color-blind-safe chart paletteValidatedRarely checked
RebrandingOne config fileFind-and-replace across files

FAQ

Questions, answered

The full Next.js source for Velora Pro: 11 pages (sign-in, sign-up, forgot password, overview, API keys, usage & billing, team & roles, model playground, notifications, account settings and 404), every component, realistic mock data, a one-file theme config and a buyer README. You download a zip and run npm install.

Free · MIT license

Try Velora Lite for free

Sign-in, the overview dashboard and settings — same code quality, same theming system, MIT licensed. Use it in anything.

  • Overview dashboard with charts
  • Account settings
  • Sign-in screen
  • Dark & light mode
  • API keys, billing, teams, playground, notifications Pro
Get Lite on GitHubLite demo
Velora Lite overview dashboard

Ship your AI product's dashboard this week

Join the builders who skipped the boilerplate.

Get Velora ProView live demo