Orvexa | AI Operations React Admin Template
Orvexa is a frontend-only React + TypeScript admin template for AI operations, LLMOps and agentic AI control-plane interfaces. It combines a production command dashboard with operational workspaces for applications, agents, model routing, knowledge and RAG, quality, observability, analytics, monetization and platform administration.
Template Highlights
- React 19.3.0 + TypeScript 7.0.2 + Vite 8.3.0
- Tailwind CSS 4.3.3
- React Router 7.18.3 with 77 extensionless SPA routes
- 63 purpose-built AI operations product surfaces
- Reusable React components, layouts, hooks and typed demo data
- Light and dark modes
- Expanded and compact sidebar layouts
- Responsive layouts for desktop, tablet and mobile
- RTL direction support
- Dashboard with AI Flow, runtime, applications, operational insights, usage, health and live request data
- AI Gateway, Models & Providers, Knowledge & RAG, Sources & Ingestion, Retrieval & Grounding and Context & Memory
- Prompts & Instructions, Tools & MCP, Datasets & Test Cases, Evaluations, Guardrails, Safety and Human Review
- Traces, Sessions & Threads, Logs & Errors, Performance & SLO, Alerts & Incidents and Reliability & Capacity
- Usage Analytics, AI Cost & Budgets, Rate Limits & Quotas, Customers, Plans, Billing and Usage & Credits
- Organizations, Team, Environments, API identities, Integrations, Data & Privacy, Secrets, Security, Roles & Audit and Settings
React Project Architecture
src/pages/— route-level React screenssrc/components/— shared UI and domain componentssrc/layouts/— application layoutssrc/hooks/— shared and domain interaction hookssrc/data/— typed demo data and route manifestssrc/lib/— runtime helpers and chart integrationsrc/styles/— Tailwind sourcepublic/assets/— static CSS and image assets
Included Frontend Stack
- React 19.3.0
- React DOM 19.3.0
- React Router DOM 7.18.3
- TypeScript 7.0.2
- Vite 8.3.0
- Tailwind CSS 4.3.3
- Lucide 0.468.0
- ApexCharts 5.3.5 integration
- Manrope typography with system-font fallback
Package Structure
The buyer package contains the React/TypeScript source, npm configuration and lockfile, static assets, deployment rewrite examples, production build output where included, and English HTML documentation. Orvexa uses a single Vite application entry and React Router for clean client-side URLs.
Requirements & Commands
Node.js 20.19+ or 22.12+ is required by the included package configuration. npm 10+ is recommended.
npm install
npm run dev
npm run build
npm run preview
The package also includes npm run typecheck, npm run audit and npm run release:check for project verification.
Deployment
Because the template uses React Router browser-history URLs, production hosting should return index.html for application routes while serving real static files normally. Deployment examples for Apache, Nginx, Netlify/Cloudflare-style rewrites and Vercel are included.
Please Note
- This is a frontend React admin template. Backend, database, real authentication/authorization services, payment processing and model-provider APIs are not included.
- All operational names, metrics, users, customers, incidents and IDs shown in the demo are fictional demonstration content.
- ThemeForest marketing preview graphics are not included in the buyer download unless explicitly stated.
- Manrope is loaded from Google Fonts in the demo and uses system sans-serif fallbacks when the font service is unavailable.
- ApexCharts is installed as an npm dependency. Review the ApexCharts license applicable to your organization, intended use and redistribution before distributing or using the template.
Third-Party Resources
- React — https://react.dev/
- React Router — https://reactrouter.com/
- TypeScript — https://www.typescriptlang.org/
- Vite — https://vite.dev/
- Tailwind CSS — https://tailwindcss.com/
- Lucide — https://lucide.dev/
- ApexCharts license — https://apexcharts.com/license/
- Manrope — https://fonts.google.com/specimen/Manrope
Version 1.0.0
