Faivra is a React admin dashboard template for AI products, agencies and service businesses. A team of AI agents answers, drafts, follows up and prepares — and everything outward-facing waits in an approval queue until a person signs it off. It ships with a full AI Studio (chat, visual agent builder, prompt library, token usage) and a connected CRM, all with realistic sample data.

Built with React 19, TypeScript, React Router 7, Tailwind CSS 4 and Vite 8. No UI kit, chart or state library — every component is in the project, clean and easy to change.

AI agents

7 AI teammates: receptionist, inbox, sales follow-up, meeting prep, onboarding, account health and insights analyst
Autonomy levels: suggest only, draft & wait for approval, act within guardrails
Tools, knowledge sources, escalation rules, working hours and a supervising person per agent
Approval queue: edit drafts, approve & send, reject, undo — every item shows the reason and its source record
Agent profile with activity log, configuration and a sandbox test chat

AI Studio

AI Chat — chat history, agent and model picker, file attachments, record context, streaming answers with stop, copy, regenerate and versions
Agent builder — visual canvas with drag & drop steps, conditions and branches, approval steps, step settings, minimap, undo/redo and animated test runs
Prompt library — folders, tags, {{variables}}, version history with diff, playground with real sample data and side-by-side comparison
Usage & tokens — daily tokens and cost, by agent and model, monthly budget, agent caps, alerts and a request log
Ask AI drawer everywhere (Ctrl/Cmd + J) with answers linked to source records

CRM & operations

Overview dashboard with “Needs your attention”, AI team today, schedule, pipeline and client onboarding
Unified three-pane inbox with AI drafts
Contacts table with saved views, filters and bulk actions; contact and company profiles
Deals board with drag & drop and undo, plus table view and deal drawer
Client workspaces: onboarding checklist, deliverables and health
AI receptionist calls with recording player, timestamped transcript and review items
Calendar (day, week, agenda), tasks (list and board), automations with a trigger-and-action editor
Reports: pipeline, lead sources, deal aging, response times, team activity, client health, AI impact

Settings & pages

Profile, workspace, team & roles with permission matrix, integrations, notifications, AI configuration, billing, import & export, audit log
Login, sign up, forgot password, 404, loading / empty / error / permission states
Guided demo journey: one connected story from first call to client onboarding

Design & developer experience

5 colour palettes — Midnight cobalt, Graphite & signal, Ink & tangerine, Nordic forest and Terracotta studio — each with its own fonts and logo colours, plus a “Try me” switcher in the live preview
Light and dark themes for every palette; all colours are design tokens
Responsive from 375 px phones to wide desktops
Role preview (Owner, Admin, Sales, Client success, Viewer) to see permission states
Command palette (Ctrl/Cmd + K), toasts with undo, drawers, modals, menus, data tables
Routes lazy-loaded, TypeScript strict, oxlint, clean folder structure
Detailed HTML documentation with backend integration guide

Please note

Faivra is a frontend admin template. All data is sample data and AI responses are simulated; live email, calls, authentication, payments and AI processing require your own backend and AI provider. The documentation shows exactly where to connect them. Portrait photos in the live preview are for demonstration only and are replaced by placeholder images in the download.

Credits

React, React Router, Vite, Tailwind CSS (MIT)
Lucide icons (ISC), clsx, tailwind-merge (MIT)
Inter, Space Grotesk, JetBrains Mono — Google Fonts (SIL Open Font License)

Faivra – AI Agents, Chat & CRM Admin Dashboard