Liner is a premium, production-ready React admin dashboard template crafted with React 18, Vite 5, and Tailwind CSS v3. Whether you are building a SaaS application, CRM system, project management tool, analytics platform, or an internal business dashboard — Liner gives you the perfect head start with 40+ beautifully designed pages, a powerful settings panel, and a clean developer-friendly codebase.

Liner is built for real-world use cases across multiple industries. It is the ideal choice for healthcare admin panels, fintech dashboards, e-commerce back offices, education management systems, logistics and supply chain dashboards, real estate CRM platforms, HR and recruitment portals, social media analytics tools, customer support ticket systems, and IoT monitoring dashboards. No matter what industry you are in, Liner adapts to your needs with its flexible layout system, multiple color presets, and modular component architecture.

Every page in Liner is designed with pixel-perfect precision and attention to detail. The template ships with 4 unique dashboard layouts — Analytics, E-Commerce, Music, and General — each packed with real data visualization components powered by Recharts. You also get 18+ fully functional application pages including Chat, Email, Calendar, Kanban Board, Contacts, Notes, Support Tickets, Invoice Management, User Profile, Blog, and a complete E-Commerce suite with Shop, Product Detail, Product List, and Checkout pages.

Liner stands out with its built-in theme settings panel that gives your users complete control over the dashboard appearance. They can switch between dark and light mode, choose from 5 beautiful color presets (Navy, Blue, Emerald, Orange, and Rose), toggle between vertical sidebar, collapsed icon-only sidebar, and horizontal top-navigation layouts, and enable RTL direction for right-to-left languages — all with live preview and automatic localStorage persistence. Every setting applies instantly across the entire dashboard without page reload.

The RTL support in Liner is not an afterthought. It is built from the ground up using CSS logical properties (margin-inline-start, padding-inline-end, start-0, etc.), ensuring that the entire interface mirrors perfectly for Arabic, Hebrew, Urdu, Persian, and other right-to-left languages. One toggle is all it takes to transform the complete layout.

Under the hood, Liner follows modern React best practices with functional components, React hooks, Context API for global state management, and React Router v6 for client-side routing with nested layouts. The codebase is clean, well-organized, and easy to understand — making it simple for developers of all skill levels to customize, extend, and integrate with their own backend APIs.

Why Choose Liner?

• 40+ Pre-Built Pages — Dashboards, apps, UI components, forms, tables, charts, widgets, authentication pages, and more. Every page is pixel-perfect and ready to use.
• 4 Dashboard Layouts — Analytics, E-Commerce, Music, and General dashboards with real data visualization using Recharts.
• 18+ Application Pages — Chat, Email, Calendar, Kanban Board, Contacts, Notes, Tickets, Invoice, User Profile, Blog, and full E-Commerce suite (Shop, Product Detail, Product List, Checkout).
• Dark & Light Mode — Beautiful dark and light themes with smooth transitions. Persisted to localStorage for a seamless user experience.
• 5 Color Presets — Navy, Blue, Emerald, Orange, and Rose. One-click color switching via the built-in settings panel. All components and charts update instantly.
• RTL Support — Full right-to-left language support using CSS logical properties. One toggle to mirror the entire interface — perfect for Arabic, Hebrew, Urdu, and Persian projects.
• Multiple Layout Options — Vertical sidebar, collapsed icon-only sidebar, and horizontal top-navigation menu. Switch between layouts with a single click.
• Fully Responsive — Pixel-perfect on every screen size from mobile phones to 4K displays. Touch-friendly UI throughout.
• Built-In Settings Panel — A powerful theme customizer that lets users change color mode, color preset, layout style, and RTL direction — all with live preview and localStorage persistence.
• Clean & Modern Code — Well-organized component-based architecture with React functional components, hooks, and context API. Easy to understand, customize, and extend.

Tech Stack

• React 18 — Modern UI library with concurrent features
• Vite 5 — Lightning-fast build tool with instant HMR
• Tailwind CSS v3 — Utility-first CSS framework with JIT compilation
• React Router v6 — Client-side routing with nested layouts
• Recharts — Composable charting library (Line, Area, Bar, Column, Donut, Radialbar)
• Lucide React — 1000+ beautiful SVG icons
• clsx — Conditional className utility

Pages Included

• Dashboards (4): Analytics, E-Commerce, Music, General
• Apps (14): Chat, Email, Calendar, Kanban, Contacts, Notes, Tickets, Invoice List, User Profile, Blog Posts, Blog Detail, E-Commerce Shop, Product Detail, Product List, Checkout
• UI Components (13): Buttons, Cards, Alerts, Accordion, Avatar, Chips, Dialogs, Lists, Popovers, Rating, Tabs, Tooltips, Typography
• Forms (4): Form Elements, Form Layouts, Form Horizontal, Form Validation
• Tables (2): Basic Table, Enhanced Table
• Charts (6): Line Chart, Area Chart, Bar Chart, Column Chart, Donut Chart, Radialbar Chart
• Widgets: Data widgets with statistics and mini charts
• Pages: Account Settings, Pricing, FAQ, API Keys, Landing Page
• Icons: Tabler Icons, Custom Icons
• Authentication (6): Login, Register, Forgot Password, Reset Password, Two-Step Verification, Error & Maintenance

Key Features

• React 18 + Vite 5 + Tailwind CSS v3
• Dark Mode & Light Mode
• 5 Color Presets (Navy, Blue, Emerald, Orange, Rose)
• RTL (Right-to-Left) Support
• Vertical Sidebar, Collapsed Sidebar & Horizontal Menu
• Built-in Settings Panel with Live Preview
• 40+ Pre-built Pages
• 6 Chart Types with Recharts
• Fully Responsive Design
• Clean, Well-Documented Code
• localStorage Persistence for All Settings
• CSS Logical Properties for RTL
• SEO Friendly Structure
• Cross-Browser Compatible
• Easy to Customize & Extend
• Regular Updates & Support

Industries & Use Cases

• SaaS Admin Panels & Dashboards
• E-Commerce Back Office & Order Management
• CRM & Customer Management Systems
• Healthcare & Hospital Management
• Fintech & Banking Dashboards
• Education & LMS Admin Panels
• HR, Recruitment & Employee Portals
• Logistics & Supply Chain Tracking
• Real Estate & Property Management
• Social Media & Analytics Platforms
• IoT & Device Monitoring Dashboards
• Project Management & Team Collaboration
• Customer Support & Helpdesk Systems