Agentra – AI Agents, Chat & CRM Admin Dashboard

Agentra is a modern admin template built for AI SaaS products. It brings AI agents, omnichannel live chat, email, CMS and a sales CRM together in one clean, consistent dashboard.

It is built with Bootstrap 5.3, a modular SCSS architecture and vanilla JavaScript, so it's easy to customise and quick to integrate with any backend: Laravel, Django, Node, .NET or plain HTML.

Why Agentra?

• Made for AI products. It includes an agent builder, prompt playground, knowledge base (RAG sources), visual workflows and a complete AI Kit (writer, image generator, voice studio, code assistant).
• Real, working interactions. Live chat with AI autopilot and streaming replies, smart email replies, a drag & drop deals pipeline with live totals, a grid/list user directory and step-by-step wizards with validation.
• Make it yours in one click. The built-in theme switcher offers light/dark mode, full RTL, 4 sidebar colours, 3 header colours, 5 primary colours and a compact sidebar. Every setting is saved automatically.
• Clean, developer-friendly code. One SCSS file per component, theme tokens as CSS variables, and plugins loaded only on the pages that use them.

65+ Pages Included

Dashboards

• AI Command Center, Analytics

AI Studio

• AI Agents, Agent Builder (5-step wizard with live widget preview), Agent Details
• Prompt Playground, Knowledge Base, Workflows

AI Kit

• AI Writer, Image Generator, Voice Studio, Code Assistant

Apps

• Live Chat (inbox + AI insights panel), Email (inbox, reader, compose with AI assist)
• Calendar, Users (list & grid view), User Profile

CMS

• All Posts, Add Post (rich editor + SEO preview), Categories, Media Library

CRM

• Contacts, Contact Profile (AI lead score), Companies, Deals Pipeline (Kanban)

Bootstrap UI (16 pages)

• Accordion, Alert, Badge, Button, Modal, Button Group, List Group, Cards, Carousel, Dropdown, Popover, Progressbar, Tabs, Typography, Pagination, Grid
• Every demo card has a View code button to copy its markup

Charts (7 libraries)

• ApexCharts, Chart.js, Flot (real-time), Morris, Chartist, Sparkline, Peity

Forms & Tables

• Form Elements, Wizard, Rich Text Editor, Pickers (date, time, range, colour), Form Validation (Bootstrap + live)
• Bootstrap Tables, DataTable (search, sort, filter, row select, CSV export)

Account & Pages

• Integrations, Billing & Plans, Settings
• Sign In, Sign Up, Forgot Password, Two-Step Verification, 404, 500, Coming Soon

Key Features

• Bootstrap 5.3.3 compiled from source with custom variables
• Modular SCSS (abstracts, base, layout, components, UI partials)
• Light & dark mode driven by CSS variables
• Real RTL stylesheet generated with RTLCSS
• Theme switcher: sidebar, header and primary colours, compact sidebar, direction
• Animated preloader and AOS scroll animations
• Premium micro-interactions: counters, ripple buttons, 3D tilt cards, glow borders, streaming text
• Command palette (Ctrl + K)
• Fully responsive with an off-canvas mobile sidebar
• No jQuery in the core (jQuery is loaded only for the plugin pages that require it)
• No stock photos: avatars and illustrations are pure CSS/SVG, so there are no licensing worries
• Well-commented code and detailed documentation

Built With

• Bootstrap 5.3.3
• SCSS (Dart Sass)
• Vanilla JavaScript (ES6)
• ApexCharts, Chart.js, Flot, Morris.js, Chartist, jQuery Sparkline, Peity
• DataTables, Flatpickr, CKEditor 5
• AOS, Bootstrap Icons
• Plus Jakarta Sans & JetBrains Mono (Google Fonts)

What's in the Package

• 65+ HTML pages
• Compiled CSS (LTR + RTL, normal + minified)
• Full SCSS source files
• JavaScript files (core + page scripts)
• All vendor plugins included locally
• package.json with build & watch scripts
• Documentation

Getting Started

1. Open any .html file in your browser. Everything is already compiled.
2. To customise styles, run npm install, then npm run build (or npm run watch).
3. Change your brand colour in src/scss/abstracts/_variables.scss.

Notes

• This is an HTML/CSS/JS template. AI responses, chats and data are front-end demos. Connect them to your own backend or AI API.
• Fonts load from Google Fonts. All other assets are bundled locally.

Support

Have a question or found a bug? Contact us through the item's support page. We're happy to help!