Lineone v3.1.1 - 基于 HTML、HTML + Laravel 的多用途 Tailwind CSS 管理模板 preview 1

Lineone v3.1.1 - 基于 HTML、HTML + Laravel 的多用途 Tailwind CSS 管理模板

bookmark

Lineone 是一个基于 Tailwind CSS v3 的多用途 Admin 和 Webapp UI 工具包，包含 18 种仪表盘模板、9 款预构建应用（如 Chat、Mail、POS、NFT 市场）、40+ 页面和 1000+ 可复用组件。内置 Dark Mode 和 Monochrome Mode，适合快速搭建 SaaS 平台、企业管理后台或 CMS/CRM/LMS 系统。

HTMLadminadmin templatealpine jschatcrmdashboard panelhotel

项目简介

Lineone 是一个基于 Tailwind CSS v3 的多用途 Admin 和 Webapp UI 工具包，包含 18 种仪表盘模板、9 款预构建应用（如 Chat、Mail、POS、NFT 市场）、40+ 页面和 1000+ 可复用组件。内置 Dark Mode 和 Monochrome Mode，适合快速搭建 SaaS 平台、企业管理后台或 CMS/CRM/LMS 系统。

技术栈

  • Tailwind CSS v3
  • HTML5 / Bootstrap
  • Laravel（提供 Laravel 集成版本）
  • webpack（Laravel Mix）
  • Vite（前端构建）

项目结构

text
lineoneadmin-311/
└── lineone-multipurpose-admin-and-webapp-ui-kit-based-on-tailwind-css/
    ├── lineone-html/          # 纯 HTML 版本（src/ + dist/）
    ├── lineone-html-es6/      # ES6 模块化版本
    ├── lineone-html-rtl/      # RTL 阿拉伯语布局版本
    ├── lineone-html-es6-rtl/  # ES6 + RTL 版本
    ├── lineone-laravel/       # Laravel 完整集成版
    ├── lineone-laravel-rtl/   # Laravel RTL 版本
    └── Documentation/         # 在线文档

核心文件说明

  • lineone-html/src/ — 源代码目录，包含所有页面和组件的源文件
  • lineone-html/dist/ — 构建输出目录，可直接部署的静态资源
  • lineone-html/package.json — npm 依赖配置（需 npm install）
  • lineone-html/webpack.mix.js — Laravel Mix 构建配置
  • lineone-laravel/composer.json — Laravel 项目依赖
  • lineone-laravel/.env.example — Laravel 环境变量示例

快速开始

纯 HTML 版本：

bash
cd lineone-html
npm install
npm run dev      # 开发模式
npm run prod     # 生产构建

Laravel 版本：

bash
cd lineone-laravel
cp .env.example .env
composer install
php artisan key:generate
php artisan serve

使用建议

  • 如只需静态页面，使用 lineone-html/dist/ 中的文件直接在浏览器打开或部署到任意静态服务器
  • 需要 RTL（从右到左）布局时，选择 -rtl 后缀的版本
  • Laravel 集成版开箱即用，适合需要后端功能的企业级项目
help_outline

常见问题