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)