HTML后台SaaS

template-xaura-saas-dashboard — HTML 后台模板

作者 freewebstore-online

Xaura SaaS Dashboard 是一个面向 business.saas 场景的 FreeWebStore 单页仪表盘模板，使用纯 HTML、CSS 和原生 JavaScript 构建，无需框架或后端。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-15查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

纯 HTML + CSS + 原生 JavaScript，无需框架或后端

响应式仪表盘布局，适配桌面、平板和移动端

固定侧边栏导航，含激活状态与移动端抽屉

SVG 图表：收入面积图（7D/30D/90D/12M 切换、悬停提示）和流量来源环形图

客户数据表支持搜索、状态筛选、列排序和分页

内置演示状态切换器，可预览加载骨架、空状态和带重试的错误状态

模板详细介绍

该模板将 Xaura 设计语言从企业营销站点延伸到结构化的产品界面，提供单页 SaaS 仪表盘布局。README 说明其使用纯 HTML + CSS + 原生 JS 构建，不依赖框架或后端。

页面包含固定侧边栏导航（带激活状态和移动端抽屉）、带全局搜索/通知下拉/个人菜单的顶栏、带变化徽章和行内迷你图的 KPI 统计卡片、SVG 分析图表（收入面积图支持 7D/30D/90D/12M 切换和悬停提示，以及流量来源环形图）、支持搜索/状态筛选/排序/分页的客户数据表、活动时间线，以及加载骨架、空状态和带重试的错误状态。还提供夜间模式切换（偏好持久化）和操作提示通知。

所有可编辑内容区域通过 data-fws-slot 标注，便于在 FreeWebStore 编辑器中修改。README 未说明浏览器兼容性、无障碍支持程度或生产环境适用性。

HTML后台SaaS

适合你的项目吗？

适用场景

为 SaaS 产品搭建仪表盘界面原型
在 FreeWebStore 中编辑和发布业务类仪表盘模板
演示数据表格、图表和交互状态的前端实现方式

适合人群

需要纯前端 SaaS 仪表盘模板的开发者
使用 FreeWebStore 平台发布社区模板的贡献者
希望参考 KPI 卡片、SVG 图表和数据表格实现的网页设计者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
README 未提供本地运行或预览的具体步骤。
2
发布流程使用 npx @freewebstore/cli doctor 进行本地验证，npx @freewebstore/cli login 完成一次性 GitHub App 安装，npx @freewebstore/cli publish 上传并创建仓库、排队审核。
3
所有可编辑内容区域通过 data-fws-slot 属性标注，可直接编辑 HTML 或发布后在 FreeWebStore 编辑器中修改。
4
README 提到 slots.md 作为插槽参考，但该文件未包含在列出的文件清单中。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
发布模板需要执行 npx @freewebstore/cli login 完成一次性 GitHub App 安装，即需要 GitHub 账户授权。
发布流程通过 npx @freewebstore/cli publish 上传并创建仓库、排队审核，模板需经 FreeWebStore 平台审核后才能发布。
可编辑内容区域需在 HTML 中直接修改，或发布后在 FreeWebStore 编辑器中修改，编辑依赖 FreeWebStore 平台。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

npx @freewebstore/cli login # one-time GitHub App install
README 原文

npx @freewebstore/cli publish # upload + create repo + queue for review
README 原文

these directly in the HTML or via the FreeWebStore editor after publishing.
README 原文

https://github.com/freewebstore-online/template-xaura-saas-dashboard/blob/main/LICENSE https://github.com/freewebstore-online/template-xaura-saas-dashboard/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-15。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 85 / 100
技术栈: HTML
网站类型: 后台 · SaaS

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2026-08-16
截图检查日期: 2026-10-15

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: codex-user-requested-batch-review-20261017 · 2026-10-16

查看当时使用的来源资料

SHA-256: 0393d3251e36a8fe149ba7ef6fd195b02e946fd0ed0c0ac0496326d6217f3df6

2026-10-15T14:21:15.228Z

来源文件 / 仓库

# xaura-dashboard

A FreeWebStore template for **business.saas** by **@Aa11rn**.

# Xaura SaaS Dashboard

A polished, single-page SaaS dashboard template that extends the Xaura design
language from a corporate marketing site into a structured product interface.
Built with plain HTML + CSS + vanilla JS — no framework or backend required.

## Features

- Responsive dashboard layout (desktop / tablet / mobile)
- Fixed sidebar navigation with active states and a mobile drawer
- Topbar with global search, notifications dropdown, and profile menu
- KPI stat cards with delta badges and inline sparklines
- SVG analytics charts: revenue area chart (7D / 30D / 90D / 12M tabs) with
  hover tooltips, plus a traffic-source donut chart
- Customer data table with search, status filter pills, sortable columns,
  and pagination
- Activity feed timeline
- Realistic interaction states: loading skeletons, empty state, and error
  state with retry — previewable via the built-in "Demo states" switcher
- Night mode toggle (persisted preference)
- Toast notifications for user actions
- Fully slot-annotated (`data-fws-slot`) for FreeWebStore content editing

## Included Files

```
xaura-dashboard/
├── index.html            # Main template page
├── package.json          # Node dependency file (FWS CLI)
├── template.config.json  # FWS template metadata
├── tailwind.config.js    # Tailwind design tokens reference
├── preview.png           # Template preview image (add your own)
└── README.md             # This file
```

## Customization

All editable content regions are marked with `data-fws-slot` attributes. Edit
these directly in the HTML or via the FreeWebStore editor after publishing.
See `slots.md` for the slot reference used by this template.

## Publishing

```sh
npx @freewebstore/cli doctor     # local validation
npx @freewebstore/cli login      # one-time GitHub App install
npx @freewebstore/cli publish    # upload + create repo + queue for review
```

## License

MIT (auto-set by `fws init`). FreeWebStore requires MIT for community
templates — see CONTRIBUTING.md in the platform docs for the why.
MIT — see `template.config.json` for details.

反馈内容错误