Adivo - AI-Ready React Admin Template (React 19)

Adivo is a modern, production-ready React Admin Dashboard template built with React 19, TypeScript, Vite, and Tailwind CSS 4. It goes beyond traditional admin panels by integrating a full AI Studio with 6 AI-powered tools, 6 unique dashboard variants, and 70+ ready-to-use pages — making it ideal for SaaS platforms, analytics dashboards, CRM tools, eCommerce back offices, AI-powered applications, and internal business portals.

The template features a unique Rail Sidebar navigation, fully responsive layouts, dark/light theme switching, and internationalization with 10 languages and full RTL support. Every component is carefully crafted with smooth animations, gradient accents, and a consistent soft lavender violet design language.

Key Features

• 6 Dashboard Variants:
  • Overview Dashboard — General KPIs, summary metrics, and quick insights
  • Analytics Dashboard — Traffic stats, conversion funnels, and performance metrics
  • CRM Dashboard — Lead pipeline, customer lifecycle, and activity tracking
  • E-commerce Dashboard — Sales, orders, revenue trends, and inventory
  • Project Hub Dashboard — Team workload, project timelines, and milestones
  • AI Security Dashboard — Threat detection, risk scoring, and AI model monitoring
• AI Studio — 6 AI-Powered Tools:
  • AI Hub — Central command for all AI tools and quick access
  • AI Chat — Conversational AI interface with streaming responses
  • AI Content Generator — Blog posts, marketing copy, and text generation
  • AI Image Generator — Text-to-image generation with style presets
  • AI Builders — Code, component, and workflow generation tools
  • AI Models — Model management, comparison, and deployment dashboard
  • Floating AI Chat Widget — Always-accessible AI assistant overlay
• 12+ Complete Applications:
  • Email App — Inbox, compose, folders, and email preview
  • Chat App — Conversations, voice call UI, and video call UI
  • Calendar App — Event management and scheduling
  • Kanban Board — Drag-and-drop tasks with @dnd-kit
  • Notes App — Categorized notes with quick editing
  • Contacts App — Full CRUD contact management
  • Blog App — List, detail, and create pages with rich editor
  • E-commerce — Products, details, cart, and checkout flows
  • File Manager — Folder tree, file browser, and upload interface
  • Invoices — Invoice list, detail, and management
  • Tickets / Helpdesk — Support ticket tracking and management
• Charts & Visualization:
  • 7 Chart Types — Line, Bar, Area, Pie, Doughnut, Radar, Candlestick
  • Chart.js Integration — Modern, responsive data visualization
  • Reusable Chart Cards — Consistent chart layout system
• Internationalization (i18n):
  • 10 Languages Supported — English, French, Spanish, Russian, Chinese, Japanese, Portuguese, Hindi, Urdu, Arabic
  • RTL Support — Full right-to-left layout for Arabic & Urdu
  • Easy Translation — Add new locales with JSON files
• Themes & Customization:
  • Dark/Light Modes — Instant theme switching with smooth transitions
  • Rail Sidebar Navigation — Unique icon rail + expandable panel design
  • Theme Customizer Panel — Live sidebar color, card style, and layout options
  • Card Styles — Shadow or bordered cards
• Authentication & Utility Pages:
  • Auth Pages — Login, Register, Forgot Password (Side & Card layouts)
  • User Profile — Cover photo, avatar, stats, activity feed, project cards
  • UI Elements Showcase — Buttons, badges, alerts, avatars, cards, progress, timeline
  • Utility Pages — Pricing, FAQ, Gallery, Typography, Account Settings
  • Error Pages — 404, 500, 403 Forbidden, and Maintenance
• Forms & Tables:
  • Form Layouts — Multiple layout patterns and validation
  • Rich Text Editor — Tiptap-based editor for content creation
  • Tables — Simple tables, data tables, and CRUD tables

AI Features Disclaimer

IMPORTANT – PLEASE READ BEFORE PURCHASING:

This template includes AI-ready UI components and interfaces (AI Hub, AI Chat, AI Content Maker, AI Image Generator, AI Builders, AI Models Management, Floating AI Chat Widget). These are UI demonstrations only with simulated/mock data.

To enable real AI functionality:

• You must provide your own API keys from AI providers (OpenAI, Anthropic, Google, Stability AI, etc.)
• You are responsible for all usage fees and costs incurred from third-party AI services
• You must comply with the terms of service of each AI provider you use

This template does NOT include:

• Any API keys or credentials
• AI service subscriptions or accounts
• Free access to AI services
• Ongoing AI service costs
• Backend API implementation

All AI-related costs are the sole responsibility of the buyer/user.

Why Choose Adivo?

• AI-First Admin Template:
  • Full AI Studio with 6 tools — Chat, Content, Images, Builders, Models, Hub
  • AI Security Dashboard for threat monitoring and model management
  • Floating AI Chat widget accessible from any page
  • Designed for the next generation of AI-powered SaaS platforms
• Production Ready:
  • 70+ pages with real-world admin and business scenarios
  • Performance-optimized with code splitting and lazy loading
  • 6 unique dashboards covering analytics, CRM, ecommerce, projects, and AI security
  • 12+ complete applications ready for customization
• Developer Friendly:
  • Clean, readable React 19 + TypeScript code
  • Tailwind CSS 4 with CSS custom properties for easy theming
  • Rail Sidebar with unique icon rail + panel navigation pattern
  • 10 languages with full RTL support out of the box
• Future Proof:
  • Built on the latest React 19, Vite, and Tailwind CSS 4
  • Modern development practices and tooling
  • Maintainable component architecture with TypeScript
  • Scalable template structure for large applications

What’s New in v1.2.0

• Complete UI/UX Redesign:
  • Every dashboard, application module, form, table, and content page rebuilt for a more polished, cohesive look
  • Consistent spacing, color usage, and visual hierarchy across the entire template
  • Sidebar and header refined for a denser, more premium layout
• New Marketing / Landing Page:
  • Brand-new animated homepage with hero, feature showcase, AI showcase, testimonials, pricing, and FAQ sections
  • Smooth scroll-triggered reveal animations throughout
  • Ready to use as your product’s public-facing landing page
• Unified Component Library:
  • Every page now built from the same set of shared, reusable UI components
  • Consistent look, feel, and behavior for buttons, inputs, selects, badges, avatars, cards, modals, tabs, and alerts
  • Easier to customize and extend for your own use cases
• Full RTL Layout Fixes:
  • Dropdown menus, popovers, and floating panels now mirror correctly for Arabic & Urdu
  • Form inputs, selects, switches, and avatars rebuilt with proper logical positioning for right-to-left layouts
  • RTL support now verified across the entire application, not just the sidebar
• Accessibility & Contrast Improvements:
  • Text and UI elements reviewed against WCAG contrast guidelines
  • Improved readability on dark hero banners and key UI text
  • Dark mode support verified page-by-page for consistent styling
• Design System & Code Quality:
  • Centralized design tokens for color, spacing, and typography
  • Consistent typography scale enforced across the entire app
  • Reduced duplicated markup and styling for a cleaner, more maintainable codebase
  • Built and tested on the latest React 19, TypeScript, Vite 8, and Tailwind CSS 4 toolchain
• Performance:
  • Route-based code splitting keeps initial load times fast as the page count grows
  • Optimized bundle output across dashboards, apps, and the new landing page
  • Upgraded to Vite 8’s Rolldown build engine for significantly faster dev startup and production builds
• Coming Next:
  • Additional dashboard variants and application modules
  • Expanded language packs beyond the current 10 locales
  • Continued refinement of the AI Studio experience

Version History

     version v1.2.0     --complete UI/UX redesign across all dashboards, apps, forms, and pages     --new animated marketing/landing homepage with hero, features, AI showcase, testimonials, pricing, and FAQ sections     --unified shared component library adopted across the entire template for consistency     --full RTL layout fixes for Arabic and Urdu across dropdowns, forms, and interactive components     --improved color contrast and accessibility across dark banners and UI text     --verified dark mode support across every page     --centralized design token system for colors, spacing, and typography     --enforced consistent typography scale sitewide     --general code quality, architecture, and maintainability improvements     --upgraded to Vite 8 (Rolldown-based build engine) for significantly faster dev startup and production builds     --updated React, React Router, ESLint, Tailwind CSS, Tiptap, and the rest of the toolchain to their latest compatible versions 

     version v1.0     --initial release