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

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

bookmark

Lineone 是一款基于 Tailwind CSS v3 的多用途管理后台与 Web 应用 UI 套件,包含 18 种仪表盘模板、9 款预置应用(如 Chat、Mail、Kanban)、40+ 页面和 1000+ 组件,支持 Dark Mode 和 Monochrome 模式。适合快速搭建 SaaS 平台、CMS、CRM、LMS 或电商后台。

HTML

项目简介

Lineone 是一款基于 Tailwind CSS v3 的多用途管理后台与 Web 应用 UI 套件,包含 18 种仪表盘模板、9 款预置应用(如 Chat、Mail、Kanban)、40+ 页面和 1000+ 组件,支持 Dark Mode 和 Monochrome 模式。适合快速搭建 SaaS 平台、CMS、CRM、LMS 或电商后台。

技术栈

  • Tailwind CSS v3
  • HTML5 / ES6 JavaScript
  • Bootstrap(部分组件兼容)
  • Laravel(提供 Laravel 集成版)
  • Webpack(via webpack.mix.js)

项目结构

text
lineoneadmin-310/
├── lineone-html/           # 纯 HTML 版本
│   ├── dist/               # 编译输出目录
│   ├── src/                # 源码目录
│   ├── package.json
│   └── webpack.mix.js
├── lineone-html-es6/       # ES6 模块化版本
├── lineone-html-rtl/       # RTL 布局版本
├── lineone-html-es6-rtl/   # ES6 + RTL 组合版本
├── lineone-laravel/        # Laravel 集成版
│   ├── app/
│   ├── config/
│   ├── composer.json
│   └── .env.example
└── Documentation/          # 在线文档

核心文件说明

  • lineone-html/package.json — HTML 版本的依赖定义与构建脚本
  • lineone-html/webpack.mix.js — Webpack 构建配置(Laravel 版同)
  • lineone-laravel/.env.example — Laravel 环境变量模板
  • lineone-html-rtl/tailwind.config.js — Tailwind CSS 主题配置
  • lineone-laravel/composer.json — Laravel 版本的 PHP 依赖定义

快速开始

HTML 版本(推荐):

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

浏览器打开 dist/ 目录,或用 npx serve dist 启动本地服务器预览。

Laravel 版本:

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

使用建议

这是一套 UI 组件库而非完整项目,建议根据业务需求选取对应组件进行二次开发。模板同时提供 RTL(右到左)版本和 Laravel 集成版,可根据项目技术栈灵活选用。

help_outline

常见问题