Admin/dashboard HTML template based on Twitter Bootstrap
HTMLAdmin dashboard
bad — HTML Admin dashboard Template
By pengux
A Twitter Bootstrap-based admin dashboard template with styles written in SASS and built via Gulp and Web Starter Kit.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
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-04View source
What stands out
A quick read of the recorded project description.
Styles written in SASS, organized into variables, main styles, and component files
Uses Attribute Modules for CSS (AMCSS)
Build process follows Web Starter Kit, using Gulp and Bower
gulp serve provides a development server with automatic browser refresh
MIT license, free to use, modify, commercialize, and distribute
Template Details
bad is an Admin/Dashboard HTML template; the repository describes it as a Twitter Bootstrap Admin/Dashboard template. It uses Bootstrap as the interface foundation, organizes styles with SASS, follows Web Starter Kit for its build process, and writes CSS attribute modules using Attribute Modules for CSS (AMCSS).
The template provides two commands for development and build: gulp serve starts a development server and automatically refreshes the browser on code changes (via browsersync), while gulp builds the project into the dist/ directory. Customization entry points are concentrated in style files: app/styles/_variables.scss for adjusting variables to change the theme, app/styles/main.scss for layout changes, and app/styles/components/* for component-level modifications.
The repository is MIT-licensed, allowing free use, modification, commercial use, and distribution of this version of the code, provided the copyright notice and license notice are retained when distributing. Third-party assets such as demo images, fonts, and icons require separate license verification; external services like domains and hosting may incur additional charges. The repository was last updated in 2014 and provides no further information about feature scope or production readiness.
HTMLAdmin panel
Is it right for your project?
Use Cases
- Building the interface skeleton for an admin system
- Serving as an HTML/CSS starting point for dashboard pages
- Quickly changing theme colors by modifying the variables file
- Previewing and iterating on admin page styles in a local development server
Suitable For
- Front-end developers who need a Bootstrap-style admin interface
- Projects that want centralized theme control via SASS variables
- Teams comfortable with a Gulp and Bower build process
- Developers who need freely modifiable code under the MIT license
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, run npm install and bower install in sequence to install dependencies
- 2
Run gulp serve to start the development server with automatic browser refresh
- 3
Run gulp to build the project into the dist/ directory
- 4
Theme and layout modifications correspond to _variables.scss, main.scss, and the components directory, respectively
- 5
Third-party assets such as demo images, fonts, and icons require separate license verification
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is limited to this version of the code and does not imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the 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
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be assumed free based solely on the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
https://github.com/pengux/bad/blob/master/LICENSEhttps://github.com/pengux/bad/blob/master/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-04. 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 · 68 / 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
- 2014-09-21
- Screenshot last checked
- 2026-10-04
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.
Review declaration: [email protected] · 2026-10-04
Inspect the recorded source material
SHA-256: 7dff5f202aa0cc92783a42e6eaecbfa689ec5f1a891a1dedf051bf436b233a4e
2026-10-04T02:36:45.088Z
Source file / repository#bad Twitter **B**ootstrap **A**dmin/**D**ashboard template [Click here for demo](http://pengux.github.io/bad/dist/) A highly customisable template built using the following components/technologies: - [Twitter Bootstrap 3](http://getbootstrap.com/) - [SASS](http://sass-lang.com/) - [Web Starter Kit](https://developers.google.com/web/starter-kit/) (For the build system) - [Attribute Modules for CSS](http://amcss.github.io/) ## Installation ```bash git clone https://github.com/pengux/bad.git cd bad npm install bower install ``` ## Development To start a development server and open up the template in your browser, run: ```bash gulp serve ``` Whenever you make changes in the code, the page will reload in the browser automatically (thanks to [browsersync](http://www.browsersync.io/)) ## Build To build the project to dist/ folder, run: ```bash gulp ``` ## Customisation To customise the template, edit the following files: - `app/styles/_variables.scss` - Modifications of the variables should be enough to create a different theme) - `app/styles/main.scss` - Changes to layout may need to be applied here) - `app/styles/components/*` - Modify these files to your liking if you need to
Explore similar templates
Compare previews and descriptions within the same stack and category.
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
SB Admin
SB Admin is a lightweight, open-source Bootstrap admin template from Start Bootstrap. It offers a sidebar-and-top-bar layout with data tables, forms, and stat cards, plus responsive design.
HTML · Admin dashboard