Help Center

Getting started is simple! After purchasing, extract the archive and run npm install followed by npm run dev. The dashboard will be available at localhost:5173. You can then customize the theme from the Settings Panel, connect your data sources, and configure navigation to match your project structure.

Liner is built on a modern, production-grade stack: React 18, Vite 5, Tailwind CSS v3, React Router v6 for routing, Recharts for data visualization, and Lucide React for the icon system. All dependencies are actively maintained and chosen for their performance and developer experience.

While Liner ships as JavaScript by default, migrating to TypeScript is straightforward. Rename .jsx files to .tsx, install @types/react and @types/react-dom, and add a tsconfig.json. We plan to ship an official TypeScript variant in an upcoming major release.

Liner supports multiple built-in color presets (Purple, Blue, Green, Orange, Red). Open the Settings Panel via the gear icon in the header to switch presets instantly. For fully custom branding, modify the CSS custom properties in src/index.css — each preset is defined as a set of --p-50 through --p-900 RGB values.

Yes — Liner has full, polished dark mode support using Tailwind's class-based strategy. Toggle it with the moon icon in the header or via the Settings Panel. Your preference is persisted in localStorage and respected on every page reload. Every single component has been carefully designed for both light and dark contexts.

Yes! The Regular License covers use in a single commercial end product. The Extended License covers unlimited end products and SaaS applications. Please review the full license agreement included in the download package for all permitted and prohibited uses.

Create a new .jsx file under src/pages/, export your default component, and register the route in src/router/index.jsx. Then add a corresponding navigation entry in src/components/layout/Sidebar.jsx with the route path, label, and a Lucide icon. Hot module reloading means you'll see changes instantly.

Absolutely. Liner is built mobile-first throughout. The sidebar collapses to an animated slide-in drawer on small screens, data tables switch to a card layout on mobile, and all charts resize fluidly via Recharts ResponsiveContainer. We test against a comprehensive matrix of device sizes before every release.

Navigate to Account Settings and open the Billing tab. From there you can update your payment method (credit card or PayPal), edit your billing address, download past invoices as PDFs, and manage your subscription tier. Changes to payment methods take effect on your next billing date.

Liner supports all evergreen browsers: Chrome 90+, Firefox 88+, Safari 14+, and Edge 90+. Internet Explorer is explicitly not supported as it lacks the ES2020 features and CSS Grid capabilities that Liner depends on. Mobile Chrome and Safari on iOS are fully supported.

Click your profile avatar in the top-right header, select Account Settings, and navigate to the Security tab. Use the Change Password section to set a new password — you'll need to confirm your current password first. Alternatively, use the Forgot Password link on the Login page to receive a reset email.

Yes — we offer a 30-day money-back guarantee on all purchases. If you're not completely satisfied with Liner for any reason within 30 days of purchase, contact our support team with your order number and we'll process a full refund promptly, no questions asked.