HTMLAdmin dashboard

proj-b4-admin-template — HTML Admin dashboard Template

By davinaleong

A simple Bootstrap 4 admin page template that provides static files ready to copy into a project.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

Pure HTML static admin template; finished files are concentrated in the /dist directory and can be copied directly into a project

02

Built on Bootstrap 4, with front-end dependencies including Font Awesome 5 Free and jQuery 3

03

Integrates ParsleyJS 2 for form validation and DataTables for table sorting and searching

04

Includes the Tempus Dominus date-time picker, with MomentJS as its dependency

05

Uses PrismJS for code syntax highlighting

06

Local preview relies on Express and Nodemon; after npm start, visit localhost:3000

Template Details

This is a pure HTML admin interface template. The author's goal is to provide a simple, unbloated Bootstrap 4 admin starting point. The finished files are concentrated in the /dist directory and, according to the README, can be copied and pasted directly into your own project.

The template depends on Bootstrap 4, Font Awesome 5 Free, jQuery 3, ParsleyJS 2, DataTables, MomentJS, Tempus Dominus, and PrismJS, covering layout, icons, DOM manipulation, form validation, table sorting and searching, date-time selection, and code highlighting respectively. The repository itself uses Express and Nodemon as a local preview service. After running npm start, visit http://localhost:3000/index.html to view the pages; running gulp updates the vendor packages.

Note that the dependency description in the repository is only for displaying the project's pages. The template itself is static HTML and does not include backend logic, a database, or a permission system. The licenses for third-party assets such as demo images, fonts, and icons must be checked separately; the code portion uses the MIT license.

HTMLAdmin Panel

Is it right for your project?

Use Cases

  • Need a lightweight Bootstrap 4 admin interface starting point and want to copy static files directly into an existing project
  • Build common interactions for internal admin pages, such as form validation, sortable and searchable tables, and date-time selection
  • Use as a reference page for learning Bootstrap 4 admin layouts and common front-end plugin combinations

Suitable For

  • Developers who want a pure HTML/CSS/JS admin template without introducing a front-end framework
  • Projects that need to quickly obtain a Bootstrap 4 admin page skeleton and extend it themselves
  • Teams that accept adding their own backend logic, data interfaces, and permission controls

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Copy all files under the /dist directory into the target project to use the template pages

  2. 2

    To view pages locally, run npm start and visit http://localhost:3000/index.html

  3. 3

    Running gulp updates the vendor packages; Express and Nodemon are only used to display the pages

  4. 4

    The template is static HTML and does not include a backend, database, or permission system; these must be implemented separately

  5. 5

    The licenses for third-party assets such as demo images, fonts, and icons must be checked separately

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version of the public repository under the MIT license; the free scope is the code of this 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 of this version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • 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

  • Express and Nodemon are only used for local preview to display the template pages and are not required for the template to run; the template itself is static HTML, and the /dist files can be copied directly for use.
  • Third-party packages integrated with the template, such as Bootstrap 4, Font Awesome 5 Free, jQuery 3, ParsleyJS 2, DataTables, MomentJS, Tempus Dominus, and PrismJS, each follow their own licenses and terms of use, which must be checked separately in their documentation.
  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

these dependencies are only necessary when displaying this project's pages

Original README

Refer to the packages' respective documentations on how to use them

Original README
https://github.com/davinaleong/proj-b4-admin-template/blob/master/LICENSE.mdhttps://github.com/davinaleong/proj-b4-admin-template/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. 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 · 65 / 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
2022-12-08
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

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.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: a05839e2d68748e02d3d1add77c9f11ba7eba85d6a63fdd19b172faef26a85b6

2026-10-02T22:29:06.837Z

Source file / repository
# Bootstrap 4 Admin Template
View demo [here](https://davinaleong.github.io/proj-b4-admin-template/).

A simple Bootstrap 4 admin template that's ready to use right out of the box!. I made this template because I often find myself in need of a simple, pure Bootstrap 4 template. Many of the Admin Dashboard templates I've come across online are over-engineered and overly complex.

Simply **copy & paste** all files in the `/dist` folder into your project.

To view the pages as they are, simply run this command in your console/terminal:
```
npm start
```

And navigate to `http://localhost:3000/index.html` in your web browser.

To update the vendor packages, run this command in your terminal/console:
```
gulp
```

## Dependencies
*Note: these dependencies are only necessary when displaying this project's pages.*
1. Express
2. Nodemon

## Included packages
*Refer to the packages' respective documentations on how to use them*
1. [Bootstrap 4](https://getbootstrap.com/)
2. [Font Awesome 5 Free](https://fontawesome.com/)
3. [jQuery 3](http://jquery.com/)
4. [ParsleyJS 2](http://parsleyjs.org/) - _form validation_
5. [DataTables](https://datatables.net/) - _sort and search table data_
6. [MomentJS](https://momentjs.com/) - _Tempus Dominus Bootstrap 4 dependency_
7. [Tempus Dominus](https://tempusdominus.github.io/bootstrap-4/) - _datetime picker_
8. [PrismJS](https://prismjs.com/) - _syntax highlighting_
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.