OkyAi – Advanced AI Dashboard & Chatbot React Template (React + Tailwind CSS)
OkyAi is a modern AI SaaS Dashboard Template built with React 19, Vite 7, and Tailwind CSS 4. It is designed for AI platforms, SaaS products, AI chat applications, analytics dashboards, and intelligent productivity tools.
The template provides a clean and scalable component-based architecture powered by Radix UI and Framer Motion, making it easy for developers to customize, extend, and integrate into modern web applications.
OkyAi features a futuristic interface tailored for AI-powered platforms including AI chat interfaces, voice assistant UI, analytics dashboards, and smart content generation tools. It now features full support for seamless Light & Dark Modes alongside native LTR & RTL layout directions.
The UI is optimized for performance, responsiveness, and usability. Built with modern Tailwind CSS, the layout is lightweight, flexible, and developer-friendly.
Key Features
- Built with React 19 and Vite 7
- Styled using modern Tailwind CSS 4
- New: Seamless Light & Dark Mode Support
- New: Native LTR & RTL Layout Ready
- Modern AI SaaS Dashboard UI
- Fully Responsive Layout
- Clean Component-Based Architecture (TypeScript / ES6+)
- Fluid Animations with Framer Motion
- Accessible UI Components via Radix UI
- AI Chat / Assistant Interface
- Voice AI Interaction UI
- Smart Content Generator UI
- Real-Time Analytics Dashboard (Recharts)
- Reusable UI Components
- Fast Performance Optimized
- SEO Friendly Markup
- Developer Friendly Code Structure
- Easy Customization
- Cross Browser Compatible
- Well Structured File Organization
- Detailed Documentation Included
Pre-Built Pages
- AI Dashboard
- AI Chat Interface
- Voice AI Assistant
- Content Generator
- Analytics Dashboard
- User Profile
- Settings Page
- Authentication Pages
- Error Pages
Technology Stack
- React 19 & Vite 7
- Tailwind CSS 4
- Radix UI & Framer Motion
- Modern JavaScript (ES6+) / TypeScript
- Fully Responsive Layout (LTR & RTL)
Credits
- React.js / Vite
- Tailwind CSS
- Radix UI, Framer Motion, Lucide React
- Google Fonts
- Unsplash (Images used for preview purposes only)
Note: Images used in the demo are for preview purposes only and are not included in the download package.
Changelog
Version 1.5.0 – August 07, 2026 (Major Engine Upgrade & Theming)
- [NEW] Light & Dark Mode: Added native, seamless Light and Dark mode switching across all components and pages.
- [NEW] LTR & RTL Layouts: Full support for Left-to-Right and Right-to-Left directions for global language accessibility.
- [Upgrade] React 19 & Vite 7: Upgraded the core engine to the latest stable versions for unmatched speed and performance.
- [Upgrade] Tailwind CSS 4: Migrated to the modern Tailwind CSS 4 framework for enhanced styling flexibility.
- [Improvement] Syntax Highlighting: Code blocks in the chatbot now intelligently adapt text colors based on the active Light/Dark theme.
- [Update] Dependencies: Upgraded React Router DOM, Framer Motion, and all core UI packages to their latest stable releases.
Version 1.2.0 – June 15, 2026 (Major Pages Expansion)
- [NEW] Help & Support Page: Added a comprehensive support center with dynamic suggestions search, framer-motion collapsible FAQ accordions, and automated service diagnostics.
- [NEW] ResetPassword Page: Added secure credentials recovery screen.
- [NEW] TwoFactorAuth Page: Added two-step security validation interface.
- [Improvement] Dashboard Upgrades: Added Live AI Agentic Workers Monitor queue and Sentiment & CSAT Satisfaction trackers with full mobile responsive layouts.
- [Fix] Minor UI & Theme Fixes: Migrated action elements to the global shared Button components to enforce design consistency.