An SPA integration example of Ned with Shards Dashboard Lite
HTMLAdmin dashboard
ned-shards-dashboard-lite — HTML Admin dashboard Template
By HMarzban
A single-page application example integrating Ned with the Shards Dashboard Lite template, showing how to bring this Bootstrap admin dashboard template into a Ned project.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Rendered from the fixed source checkout.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-16View source
What stands out
A quick read of the recorded project description.
The README states the contribution covers only the integration; template design belongs to the original authors
Provides three usage steps: git clone, npm i, npm start
If ned-lib-cli is installed, ned serve can be used instead to start
The template is based on Bootstrap 4, and the README states it adapts to different viewports
Template Details
This repository is an integration example between the Ned project and the Shards Dashboard Lite template. The README explicitly states that the contribution covers only the SPA integration, while dashboard design and template copyright belong to the original authors. The repository positions itself as a "simple real-world example" demonstrating how Ned and Shards Dashboard Lite combine.
The README gives three usage steps: clone the repository, run npm i to install dependencies, and run npm start; if ned-lib-cli is already installed, ned serve can be used instead. The README does not document build output, deployment process, browser compatibility range or production environment considerations.
Regarding the template itself, the README cites Shards Dashboard Lite's description: based on Bootstrap 4, adaptable to different viewport sizes, containing multiple custom components and admin dashboard templates, and stating that its components and features have complete documentation. These descriptions come from the template's original materials; the README does not further verify or supplement them in this repository.
HTMLAdmin panel
Is it right for your project?
Use Cases
- Understanding how Ned combines with an existing Bootstrap admin dashboard template
- Serving as a real-world integration reference for Ned projects
- Starting locally following the README steps and viewing this dashboard example
Suitable For
- Developers evaluating Ned integration approaches
- Frontend personnel who need a reference for integrating an SPA with an admin template
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
git clone the repository locally
- 2
Run npm i to install dependencies
- 3
Run npm start to start, or run ned serve if ned-lib-cli is installed
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the Apache-2.0 license in the public repository; the free scope is the code of that version and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use and distribution are permitted; when distributing, the Apache-2.0 license must be included.
- Modified files must prominently indicate changes, and relevant copyright, patent, trademark and attribution notices must be retained.
- If the original project includes a NOTICE file, applicable attribution notices in it must be retained when distributing derivative works.
- The license includes an applicable contributor patent grant; initiating patent litigation as described in the license terminates that patent grant, and no trademark use rights are granted.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons and other third-party assets must be checked against their respective licenses; they cannot be judged solely by the code's Apache-2.0 license.
- External services such as domains, hosting, databases, payments or AI may incur additional charges.
- The contribution of this repository covers only the SPA integration; dashboard design and template copyright belong to the original authors, and reusing the template design requires complying with the original authors' terms.
- The Shards Dashboard Lite template comes from Designrevision; the README indicates it can be downloaded via its link, and the template itself may be subject to third-party terms.
- Besides npm start, ned serve can be used when ned-lib-cli is installed; that CLI is an additional dependency.
- The README states that components and features have complete documentation, but does not provide or verify that documentation in this repository.
View Original Text Basis
no-charge, royalty-free, irrevocable copyright license
Original License Text
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.
Original 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>.
Original README
3. `npm start` or if you have `ned-lib-cli` you can run `ned serve`
Original README
https://github.com/HMarzban/ned-shards-dashboard-lite/blob/master/LICENSEhttps://github.com/HMarzban/ned-shards-dashboard-lite/blob/master/README.mdFully 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.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-12. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 71 / 100
- Technologies
- HTML
- Website type
- Admin dashboard
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-09-17
- Screenshot last checked
- 2026-10-16
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: codex-user-requested-batch-review-20261017 · 2026-10-16
Inspect the recorded source material
SHA-256: 7758090a6881851abc33979e104acc186a2b6a35aa2fc17da794d8b5ea2779dd
2026-10-12T11:34:01.659Z
Source file / repository## 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">
Explore similar templates
Compare previews and descriptions within the same stack and category.
AdminLTE
An HTML admin dashboard built with Bootstrap 5 and vanilla JavaScript. Astro builds the documentation; React, Vue and Angular editions live in separate repositories.
HTML · Admin dashboard
gentelella
Gentelella v4 is a free, open-source admin dashboard template maintained by Colorlib, built with vanilla JavaScript, SCSS, and Vite 8 without Bootstrap or jQuery.
HTML · Admin dashboard
coreui-free-bootstrap-admin-template
A free Bootstrap admin template maintained by CoreUI, built on CoreUI's own UI component library. It provides compiled HTML pages and Pug template source code, covering dashboards, authentication, forms, components, icons, and error pages.
HTML · Admin dashboard
dashboards
A collection of responsive dashboard HTML templates open-sourced by Keen IO, built on CSS Grid, offering multiple prebuilt admin data interface layouts.
HTML · Admin dashboard
SB Admin 2
SB Admin 2 is a classic Bootstrap admin template from Start Bootstrap, offering dashboards, charts, tables, and common management pages.
HTML · Admin dashboard
Adminator-admin-dashboard
Adminator 4 is a vanilla HTML, CSS and JavaScript admin dashboard template with a CSS-variable token design system, built-in light and dark themes, no jQuery or Bootstrap dependency, and 18 pages covering dashboards, mail, calendar, charts, forms, tables and error pages.
HTML · Admin dashboard