Fyr

Fyr is a premium React admin template built in TypeScript and styled with Tailwind CSS, complete with an integrated AI chat component. It works with Create React App, Vite, or Next.js setups and supports LTR/RTL and dark mode right away.

Features ✨

• Pre-built AI chat interface for instant conversations

• Dark mode and RTL/LTR toggling

• Ready-to-use charts (ApexCharts, TanStack V8)

• Form management with Formik and date picking via React Date Range

• FullCalendar integration for scheduling

• Ultra-lean CSS footprint thanks to Tailwind

Included Components 📒

• Dashboard layouts (analytics, CRM, e-commerce)

• Sidebar, navbar, and user profile modules

• Data tables and interactive cards

• Forms, modals, and notification toasts

• Pre-configured routes and authentication stubs

• Utility components (buttons, icons, avatars)

Pros and Cons

Pros ✅

• Lightning-fast performance with minimal CSS

• Flexible setup (CRA, Vite, Next.js)

• Built-in AI chat for enhanced UX

• Dark mode and RTL support out of the box

Cons ⚠️

• Premium license required for commercial use

• Learning curve if you’re new to Tailwind utility classes

Integration

• Plug into existing React apps via npm

• Swap in your chat AI API endpoint

• Connect charts to your data sources (REST/GraphQL)

• Customize Tailwind config for brand styles

• Extend components or import new ones from your design system