Project Overview
Lineone is a versatile Admin and Webapp UI toolkit based on Tailwind CSS v3, featuring 18 dashboard templates, 9 pre-built applications (such as Chat, Mail, POS, NFT Marketplace), 40+ pages, and 1000+ reusable components. It includes built-in Dark Mode and Monochrome Mode, ideal for quickly building SaaS platforms, enterprise management backends, or CMS/CRM/LMS systems.
Tech Stack
- Tailwind CSS v3
- HTML5 / Bootstrap
- Laravel (Laravel integration version available)
- webpack (Laravel Mix)
- Vite (frontend build tool)
Project Structure
lineoneadmin-311/
└── lineone-multipurpose-admin-and-webapp-ui-kit-based-on-tailwind-css/
├── lineone-html/ # Pure HTML version (src/ + dist/)
├── lineone-html-es6/ # ES6 modular version
├── lineone-html-rtl/ # RTL Arabic layout version
├── lineone-html-es6-rtl/ # ES6 + RTL version
├── lineone-laravel/ # Full Laravel integration version
├── lineone-laravel-rtl/ # Laravel RTL version
└── Documentation/ # Online documentation
Core File Description
lineone-html/src/— Source code directory, containing source files for all pages and componentslineone-html/dist/— Build output directory, static assets ready for deploymentlineone-html/package.json— npm dependency configuration (requires npm install)lineone-html/webpack.mix.js— Laravel Mix build configurationlineone-laravel/composer.json— Laravel project dependencieslineone-laravel/.env.example— Laravel environment variable example
Quick Start
Pure HTML Version:
cd lineone-html
npm install
npm run dev # Development mode
npm run prod # Production build
Laravel Version:
cd lineone-laravel
cp .env.example .env
composer install
php artisan key:generate
php artisan serve
Usage Recommendations
- For static pages only, use files from
lineone-html/dist/and open directly in a browser or deploy to any static server - For RTL (right-to-left) layout, choose the version with the
-rtlsuffix - The Laravel integration version works out of the box, suitable for enterprise-level projects requiring backend functionality
