Skip to content
DocsSupportPricing
Roadmap (has updates coming soon)XFigma4.1K
Sign inGet All-Access
Templates/Dashboard/Flux

Flux - Next.js AI Agent Console Template

An AI agent operations console: run queue and step traces, human approvals, a tool matrix, eval regressions, provider routing and token spend.
Flux main screenFlux main screen
Flux screen 2Flux screen 2
Flux screen 3Flux screen 3
Flux screen 4Flux screen 4

What is included

  • Run queue that edits. Runs sit in collapsible lanes, and a queued one takes the next RUN key.
  • A failed trace, opened. Each step expands to its tool calls, their latency and which of them failed.
  • Approvals with a reason. A four hour SLA counts down on every request, and a rejection will not commit without a reason.
  • Tool access per environment. Production, Staging and Development each keep their own draft, and Save refuses an invalid rate limit.
  • Eval regressions by release. Every case carries a baseline score, so a suite shows what v2.1.0 broke against v2.0.3.
  • Providers and spend. Connections, routing rules, failover, a spend dashboard and a token ledger, each on its own route.
  • Shell on live queries. Command-K searches runs, agents and tools, and the approvals badge and spend card read the mock services.
  • Exports write files. Every export button writes a real JSON file.

Who it is for

  • Startups building an AI agent platform The operator console arrives first, so the work left is wiring it to your runs.
  • Teams adding a human in the loop The queue, its SLA and the reject reason are already argued out.
  • Platform teams outgrowing a log tail Traces, failure triage and token spend each get a screen instead of a grep.

Frequently asked questions

Does it include a backend, and what happens to a run I create?

No backend. Each screen holds its ReUI block's typed fixture module in React state, so creating a run, approving a request or saving the tool matrix works for the session and resets on reload. A second layer under lib/data/ carries the domain types, seeds, an in-memory store and eleven async service modules, and the shell already reads it for the approvals badge, the spend card, notifications and search. Wiring a page means pointing it at those services, or at your own API, without moving the components.

Is authentication wired, or is the sign-in screen decorative?

It signs you in, but nothing is guarded. lib/auth/session.ts accepts demo@reui.io with demo1234, or any seeded address with that password, keeps a user id in localStorage and mirrors it to a cookie. proxy.ts, which is Next 16's renamed middleware, reads that cookie and performs exactly one redirect: signed in and reaching an auth route sends you back to the console. The console itself is open by design, the six lines that gate it sit commented in proxy.ts, and the Google and Apple buttons are markup only.

How is this different from a generic admin dashboard template?

The screens are agent operations rather than CRUD on a customer table: a step trace that expands to per-call latency, an approval queue on a four hour SLA that will not reject without a reason, a tool matrix drafted separately for Production, Staging and Development, and eval cases scored against a baseline release. Memory is its own table, where every remembered fact carries a confidence score and the run that produced it. One limit worth knowing first: /runs/[runId] renders a single fixture trace, so any id in the URL shows the same steps until you point the route at a run service.

What do I get when I download a template?

The full source of a standalone project: every page, component, route, and style, ready to run locally. Templates are built entirely from ReUI blocks and components, so the code matches the registry you already use.

Do I need a plan to download templates?

Free templates only need a ReUI account, so sign in and download. Every other template is included with the Ultimate plan, alongside all blocks and Motion Icons.

Are templates sold individually?

No. Templates come with the Ultimate plan rather than as separate purchases, so one upgrade unlocks the whole catalog, including everything added later.

How do I install a template?

Download the source, install dependencies with your package manager, add your environment variables, and run the dev server. Each template ships a README with its own setup steps.
Get with Ultimate

Available with the Ultimate Plan.

  • Every ReUI template included
  • One payment, lifetime access
  • Full source in your repo, no lock-in
Live preview

Details

Framework
Next.js 16 (App Router)
Pages
22 pages
Base
Base UI
Style
Luma
Surface
Frame
Icons
Hugeicons
Version
1.0.0
Category
Dashboard
License
Ultimate
Added
Aug 13, 2026
Updated
Nov 8, 2026

Built with

Base UINext.jsReactReact Hook FormRechartsTailwind CSSTanStack QueryTanStack TableTypeScriptVitestZod

More templates

  • Dashboard

    Signal - TanStack Start Product Analytics Template

    new
    Base UIReactReact FlowReact Hook Form
  • Dashboard

    Strata - Next.js Observability Dashboard Template

    new
    Base UIMotionNext.jsReact
  • Dashboard

    Flowly - Next.js Workflow Automation Template

    new
    Base UIMotionNext.jsReact

Application

  • App ShellAdded an observability console app shell
  • Auth
  • Card
  • Dashboard
  • DialogAdded a duplicate contact check dialog
  • Empty State
  • Event Calendar
  • Flow
  • Form
  • Gantt
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Rich Text Editor
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Whiteboard
  • Wizard

Data Grid

  • BaseAdded an API request logs grid, and 2 grids were rebuilt
  • AdvancedAdded 12 new Data Grid Advanced blocks, 17 in all
  • Columns
  • Drag & Drop
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Charts

  • Area Chart
  • Bar Chart
  • Composed ChartChart 36 is now an operating margin chart
  • Line Chart
  • Pie ChartAdded a cloud spend budget rose
  • Radial Chart
  • Sankey Chart
  • Slope Chart
  • Sparkline
  • Status Tracker

AI & Agents

  • AI Chat
  • Agent Activity
  • AI UsageAdded 2 new AI Usage blocks, 4 in all

Solutions

  • Dev Ops
  • AI Ops
  • CRM
  • Agents
  • Analytics
  • BillingAdded a tenant billing settings block
  • BookingsAdded a hotel room board, and the salon front desk was rebuilt
  • Files
  • Inventory
  • MapNew Map category with a fleet dispatch map
  • TravelNew Travel category with 2 blocks for event travel operators
  • UsersAdded a team access settings block
  • Digital Twin

Templates

  • E-commerce
  • SaaS
  • Dashboard
  • Landing
  • All templates

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist
  • Shop Hero

Marketing

  • Blog
  • Compare
  • Contact
  • CTA
  • FAQ
  • Hero
  • How It Works
  • Pricing

Resources

  • Components
  • Blocks
  • Icons
  • MCP for Agents
  • Docs
  • Support
  • Pricing
  • Tailwind Plus Alternative
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026 ReUI. All rights reserved.

4.1K