ColorlibHQ/gentelella

这是什么？

核心功能

• 01基于原生 JavaScript 和 SCSS，使用 Vite 8 构建，不依赖 Bootstrap 或 jQuery。
• 02提供 58 个现成页面，包括仪表盘、登录注册、表单和电商页面。
• 03内置 20 种 ECharts 图表，表格支持排序、搜索、行选择和 CSV 导出。
• 04支持浅色和深色主题，并提供可实时预览、导出 SCSS 令牌的主题生成器。
• 05包含收件箱、看板、日历、文件管理等应用页面，以及 Cmd+K 命令面板。
• 06支持 RTL 布局，并提供 PWA 清单和 Service Worker。

适用场景

• 在不引入大型前端框架的前提下，搭建 SaaS 或内部管理后台。
• 快速原型化后台界面，并作为可点击的设计参考。
• 在自有 API 之上构建 CRM、ERP 或项目管理界面。
• 将静态后台站点部署到 Netlify、Vercel、S3 或 GitHub Pages。

快速上手

1. 1

   打开 Gentelella 入门指南，查看安装和构建步骤

2. 2

   使用 npm 构建项目（来自 README）

   npm run build

使用前须知

• !构建项目需要 Node.js、npm 以及 Vite 工具链。

标签

常见问题

gentelella 是什么？

一款免费开源的后台管理仪表盘模板，基于原生 JavaScript、SCSS 和 Vite 构建，不依赖 Bootstrap 或 jQuery。 Gentelella v4 是一套后台管理仪表盘模板，适合用来搭建 SaaS 控制台、CRM、内部管理系统等界面。它使用原生 JavaScript 和 SCSS，基于 Vite 8 的多页面结构构建，不依赖 Bootstrap、jQuery 或任何 SPA 框架。模板包含 58 个 HTML 页面，涵盖仪表盘、登录注册、表单、基于 DataTables 的表格、ECharts 图表，以及收件箱、看板、日历、文件管理等应用页面。

gentelella 可以免费使用吗？用的什么许可证？

gentelella 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

gentelella 还在维护吗？

活跃维护中。gentelella 最近一次提交是在 2026年10月31日。

gentelella 适合用来做什么？

在不引入大型前端框架的前提下，搭建 SaaS 或内部管理后台。 快速原型化后台界面，并作为可点击的设计参考。 在自有 API 之上构建 CRM、ERP 或项目管理界面。 将静态后台站点部署到 Netlify、Vercel、S3 或 GitHub Pages。

gentelella 怎么安装和运行？

打开 Gentelella 入门指南，查看安装和构建步骤 使用 npm 构建项目（来自 README）: npm run build

在哪里获取 gentelella？

源代码和安装说明在 GitHub 上：https://github.com/ColorlibHQ/gentelella