Liner – Premium React, Vuejs, Next.js, Bootstrap 5 HTML, Tailwindcss Admin Dashboard Template

Liner is a premium, production-ready admin dashboard template available in four framework versions — React 18 + Vite, Next.js 16, Vue 3 + Vite, and pure HTML + Bootstrap 5. All four versions share the same pixel-perfect design, the same 60+ pages, and the same powerful settings panel — so you can pick the stack you love without compromising on quality. 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.

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 or stack 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 — and the design is faithfully reproduced across React, Next.js, Vue, and Bootstrap so your team can switch frameworks without redesigning. The template ships with 4 unique dashboard layouts — Analytics, E-Commerce, Music, and General — each packed with real data visualization components (Recharts in React & Next.js, vue3-apexcharts in Vue, and ApexCharts in Bootstrap). You also get 14 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 (with hover-reveal flyout menus), 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, and the experience is identical in all four framework versions.

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 — in React, Next.js, Vue, or Bootstrap.

Under the hood, each version follows the best practices of its ecosystem. The React version uses functional components, hooks, Context API for global state, and React Router v6 with nested layouts. The Next.js 16 version is powered by React 19 and the latest App Router — Server Components by default, Client Components where interactivity is needed, the new use() hook and Actions, Turbopack for instant dev rebuilds, and Tailwind CSS v4 with its brand-new engine. The Vue 3 version uses the Composition API with  syntax, composables for state (useTheme, useChartColors), and Vue Router 4 with lazy-loaded routes. The Bootstrap version is pure HTML + vanilla JavaScript with zero build dependencies — open the files and ship. All four codebases are clean, well-organized, and easy to understand.

Why Choose Liner?

• 4 Framework Versions Included — One purchase unlocks the React 18, Next.js 16 + React 19, Vue 3, and Bootstrap 5 versions. Pick your stack now, switch later, or use all four in different projects.
• 60+ Pre-Built Pages Per Version — Dashboards, apps, UI components, forms, tables, charts, widgets, authentication pages, and more. Every page is pixel-perfect and ready to use in all four versions.
• 4 Dashboard Layouts — Analytics, E-Commerce, Music, and General dashboards with real data visualization (Recharts for React & Next.js, vue3-apexcharts for Vue, ApexCharts for Bootstrap).
• 14 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).
• Next.js 16 + React 19 — Latest Next.js with the App Router, React 19 Server Components & Actions, Turbopack dev mode, Tailwind CSS v4, and production-ready SSR/SSG/ISR out of the box.
• Dark & Light Mode — Beautiful dark and light themes with smooth transitions. Persisted to localStorage for a seamless user experience across all four versions.
• 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 (with hover-reveal flyout dropdowns), 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. React hooks + Context API, Next.js App Router + Server/Client Components, Vue Composition API + composables, vanilla JS for Bootstrap. Easy to understand, customize, and extend.
• Comprehensive Documentation — Each version ships with a dedicated documentation page covering installation, customization, components, deployment, and more.

What’s Inside the Package

• liner/react/ — React 18 + Vite 5 source with all components, pages, and routes
• liner/nextjs/ — Next.js 16 + React 19 App Router source with Server & Client Components, Turbopack, Tailwind v4, and file-based routing
• liner/vue/ — Vue 3 + Vite 5 source with Composition API, composables, and Vue Router 4
• liner/bootstrap/ — Pure HTML + Bootstrap 5 + vanilla JS — no build step required
• liner/html/landing.html — Marketing landing page that links to all four versions
• documentation.html — Per-version documentation in each folder

Tech Stack

React Version

• 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 — 1,000+ beautiful SVG icons
• clsx — Conditional className utility