HTML后台

ned-shards-dashboard-lite — HTML 后台模板

作者 HMarzban

将 Ned 与 Shards Dashboard Lite 模板集成的单页应用示例，展示如何把该 Bootstrap 管理后台模板接入 Ned 项目。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

从固定源码版本实际渲染并截图。

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

Ned 与 Shards Dashboard Lite 的 SPA 集成示例

02

README 说明贡献仅为集成部分，模板设计归原作者

03

提供 git clone、npm i、npm start 三步使用说明

04

已安装 ned-lib-cli 时可改用 ned serve 启动

05

模板基于 Bootstrap 4，README 称其可适配不同视口

模板详细介绍

该仓库是 Ned 项目与 Shards Dashboard Lite 模板的集成示例，README 明确说明贡献部分仅为 SPA 集成，仪表盘设计与模板版权归原作者所有。仓库定位为“简单的真实世界示例”，用于演示 Ned 与 Shards Dashboard Lite 的结合方式。

使用方式在 README 中给出三步：克隆仓库、执行 npm i 安装依赖、运行 npm start；若已安装 ned-lib-cli，也可使用 ned serve 启动。README 未说明构建产物、部署流程、浏览器兼容范围或生产环境注意事项。

关于模板本身，README 引用 Shards Dashboard Lite 的说明：基于 Bootstrap 4，可自适应不同视口尺寸，包含多个自定义组件与后台仪表盘模板，并称其组件与功能有完整文档。这些描述来自模板原始资料，README 未在本仓库中进一步验证或补充。

HTML后台

适合你的项目吗？

适用场景

  • 了解 Ned 如何与现成 Bootstrap 管理后台模板结合
  • 作为 Ned 项目的真实世界集成参考
  • 在本地按 README 步骤启动并查看该仪表盘示例

适合人群

  • 正在评估 Ned 集成方式的开发者
  • 需要参考 SPA 与后台模板整合思路的前端人员

上手与定制指南

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

  1. 1

    git clone 仓库到本地

  2. 2

    执行 npm i 安装依赖

  3. 3

    运行 npm start 启动，或已安装 ned-lib-cli 时运行 ned serve

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

  • 允许免费使用、修改、商用和分发；分发时需随附 Apache-2.0 许可证。
  • 修改过的文件需显著标明改动，并保留相关版权、专利、商标及归属声明。
  • 若原项目附有 NOTICE 文件，分发衍生作品时需保留其中适用的归属声明。
  • 许可包含适用的贡献者专利授权；发起许可所述专利诉讼会终止该专利授权，且不授予商标使用权。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 Apache-2.0 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • 本仓库的贡献仅为 SPA 集成部分，仪表盘设计与模板版权归原作者所有，复用模板设计需遵守原作者条款。
  • Shards Dashboard Lite 模板来自 Designrevision，README 提示可通过其链接下载该模板，模板本身可能受第三方条款约束。
  • 除 npm start 外，也可在已安装 ned-lib-cli 时使用 ned serve 启动，该 CLI 为额外依赖。
  • README 称组件与功能有完整文档，但未在本仓库中提供或验证该文档。
查看原文依据

no-charge, royalty-free, irrevocable copyright license

许可证原文

This is an integration of [Ned](https://github.com/HMarzban/ned) with the credited Shards Dashboard template. The contribution here is the SPA integration; the dashboard design and template remain the work of their original authors.

README 原文

Shards Dashboard Lite is a high-quality & free Bootstrap admin dashboard template pack that comes with lots of templates and components from <a target="_blank" href="https://designrevision.com"> Designrevision </a>, if you would like you can download this concept with this <a target="_blank" href="https://designrevision.com">link</a>.

README 原文

3. `npm start` or if you have `ned-lib-cli` you can run `ned serve`

README 原文

Fully documented components and features were one of the key points when building Shards Dashboard Lite so that you can focus on building your ideal product with ease.

README 原文
https://github.com/HMarzban/ned-shards-dashboard-lite/blob/master/LICENSEhttps://github.com/HMarzban/ned-shards-dashboard-lite/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 71 / 100
技术栈
HTML
网站类型
后台
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2026-09-17
截图检查日期
2026-10-16

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 7758090a6881851abc33979e104acc186a2b6a35aa2fc17da794d8b5ea2779dd

2026-10-12T11:34:01.659Z

来源文件 / 仓库
## Historical integration example

This is an integration of [Ned](https://github.com/HMarzban/ned) with the credited Shards Dashboard template. The contribution here is the SPA integration; the dashboard design and template remain the work of their original authors.

# Ned Shards Dashboard Lite

This repository is just a simple real world example with <a target="_blank" href="https://github.com/HMarzban/ned">ned project</a>.


Shards Dashboard Lite is a high-quality & free Bootstrap admin dashboard template pack that comes with lots of templates and components from <a target="_blank" href="https://designrevision.com"> Designrevision </a>, if you would like you can download this concept with this <a target="_blank" href="https://designrevision.com">link</a>.

#### How to use it:
1. `git clone <repo>`
2. `npm i`
3. `npm start` or if you have `ned-lib-cli` you can run `ned serve` 

#### Quick Links
- <a target="_blank"  href="https://github.com/HMarzban/ned">ned</a>
- <a target="_blank"  href="https://github.com/HMarzban/ned-cli">ned-cli</a>
- <a target="_blank"  href="https://github.com/HMarzban/tscw">tscw-cli</a>
- <a target="_blank"  href="https://github.com/HMarzban/ned-seed">ned-seed</a>
- <a target="_blank" href="https://github.com/HMarzban/ned-shards-dashboard-lite"> Ned Shards Dashboard Lite </a>

## More Details About Shards Dashboard Lite

#### Fully Responsive
Based on Bootstrap 4, Shards Dashboard Lite is fully responsive and capable to adapt its layout to any viewport size.

#### Lightweight
We followed the same practices when building Shards Dashboard Lite as the original Shards UI kit. This means that performance is excellent by adding a thin layer that’s only ~4kb mingz.

#### Well Documented
Fully documented components and features were one of the key points when building Shards Dashboard Lite so that you can focus on building your ideal product with ease.


<img style="width:100%;" src="https://designrevision.com/app/uploads/edd/shards-dashboard-lite-featured.jpg" alt="Ned Shards Dashboard Lite">


## Components & Templates
Shards Dashboard Lite comes packed with dozens of custom components and admin dashboard templates that you can use to kick-start your app.
<img style="width:100%;" alt="Ned Shards Dashboard Lite" src="https://designrevision.com/app/uploads/edd/1_sdl_lfeat_components_templates.jpg">



## Modern Design System
Stop focusing on the minor details! With Shards at its core, everything is designed and hand-crafted from scratch to look and integrate flawlessly, so you can focus on functionality rather than on how things look.



<img style="width:100%;" alt="Ned Shards Dashboard Lite" src="https://designrevision.com/app/uploads/edd/3_sdl_lfeat_modern_design_system.jpg">
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

AdminLTE

AdminLTE

基于 HTML、Bootstrap 5 和原生 JavaScript 的管理后台模板。Astro 用于构建文档；React、Vue 与 Angular 版本分别位于其他仓库。

HTML · 后台

gentelella

gentelella

Free admin dashboard template — vanilla JS, SCSS, Vite 8. No Bootstrap, no jQuery.

HTML · 后台

coreui-free-bootstrap-admin-template

coreui-free-bootstrap-admin-template

Free Bootstrap Admin & Dashboard Template Built for AI-Assisted Development

HTML · 后台

dashboards

dashboards

Responsive dashboard templates 📊✨

HTML · 后台

SB Admin 2

SB Admin 2

SB Admin 2 是 Start Bootstrap 推出的开源后台模板，基于 Bootstrap 构建，整体风格偏向经典管理界面。

HTML · 后台

Adminator-admin-dashboard

Adminator-admin-dashboard

Adminator is easy to use and well design admin dashboard template with dark mode for web apps, websites, servi…

HTML · 后台