chameleon-bootstrap-html-admin-template-free — HTML 后台模板

SHA-256: 23faba9da6c0aef6d317f7a4346c19343076fb95fc44832efd8aa0ecaee4c553

2026-10-01T01:47:24.457Z

# Chameleon Admin - Free Bootstrap Dashboard Template

Chameleon Admin Lite is a Free Modern Bootstrap 4 WebApp & Admin Dashboard Html Template elegant design, clean and organised code. 


Chameleon is one of the best **[Bootstrap Admin Templates](https://themeselection.com/products/category/bootstrap-admin-templates/)**. It can be used for any type of web applications: Project Management, eCommerce backends, Analytics, CRM, Fitness or any custom admin panels. It comes with unique design dashboards.

Chameleon admin template is powered with HTML 5, CSS 3, Bootstrap 4, SASS, Gulp. Responsive design which looks great on Desktops, Tablets, and Mobile Devices. Chameleon bootstrap admin template comes with starter kit which will help developers to get started quickly.

## Demo

| Text direction        | URL   |
| ------------- |:-------------:|
| LTR      | https://themeselection.com/demo/chameleon-free-bootstrap-admin-template/html/ltr/ |




[![Chameleon Admin - Free Bootstrap Dashboard Template Presentation](https://themeselection.com/wp-content/uploads/2018/07/chameleon-admin-free-bootstrap-dashboard-template.png "Chameleon Admin - Free Bootstrap Dashboard Template Presentation")](https://themeselection.com/products/chameleon-admin-free-bootstrap-dashboard-template/)

## Table of contents

- [Installation](#installation)
- [What's included](#whats-included)
- [Documentation](#documentation)
- [Browser Support](#browser-support)
- [Contributing](#contributing)
- [Creators](#creators)
- [Change log](#change-log)
- [Credits](#credits)
- [Copyright and license](#copyright-and-license)
- [Useful Links](#useful-links)
- [Social Media](#social-media)

## Installation

**1. Download:**
- Download from Github or 
- Download from **[ThemeSelection](https://themeselection.com/products/chameleon-admin-free-bootstrap-dashboard-template/)**.

**2. Github**
- Fork the repository ([here is the guide](https://help.github.com/articles/fork-a-repo/)).
- Clone to your machine
```
git clone https://github.com/YOUR_USERNAME/chameleon-free-bootstrap-admin-template.git
```
**3. Extract & Use**


It is not mandatory to use Node & Gulp as mentioned below for using this admin template, We have used Node & Gulp to compile SCSS file to CSS and generate minified dist CSS & JS file only. You can use direct CSS and JS files to customize and use this admin template. You can use this admin template any JS framework like Angular, React & Vue and integrate with any back-end technology like PHP, Ruby, .Net, Java & Python etc...

### Gulp

NodeJS is required be installed on your system to run node commands. You can download and install nodejs from this URL: https://nodejs.org/en/

**[GulpJS](http://gulpjs.com/)** is a JavaScipt task runner. In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc...

- Install gulp globally with ``` npm install gulp-cli -g```
- To install node packages, navigate to the template root directory, make sure to rename default package.json file to package.grunt.json and rename package.gulp.json file to package.json file. Then ``` run npm install ```. NPM use the package.json file and automatically install the required local dependencies listed in it.

```
npm install
```

**Running Gulp Dist Commands**

Task | Command | Description
--- | --- | ---
Dist|`gulp dist`|To clean css, js and build distributable css and js files
Clean | `gulp dist-clean`|To clean css, js files
Build JS | `gulp dist-js` |To clean js files and build distributable js files
Compile SCSS | `gulp sass-compile` | Compile scss files
Build CSS | `gulp dist-css` |To clean css files and build distributable css files

## What's included

Below is the Chameleon Admin Lite folder structure. Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
```
chameleon-admin-lite
├── app-assets
|   ├── css
|   ├── data
|   ├── fonts
|   ├── images
|   ├── js
|   ├── vendors
|   |   ├── css
|   |   ├── js
├── assets
|   ├── css
|   ├── js
|   └── scss
├── gulp-tasks
├── html
|   ├── ltr
|   └── rtl
├── src
|   ├── js
|   ├── scss
├── gulpfile.js (gulp tasks)
├── README.md
├── CHANGELOG.md
└── package.json (gulp package json)
```

## Documentation

Visit the online [documentation](https://themeselection.com/demo/chameleon-admin-template/documentation/)  for the most updated guide.

## Browser Support

Chameleon [Free Bootstrap Admin Template](https://themeselection.com/) is built to work best in the latest desktop and mobile and tablet browsers,

- Chrome (latest)
- FireFox (latest)
- Safari (latest)
- Opera (latest)
- IE10+


## Contributing

Contribution are always welcome and recommended! Here is how:


- Fork the repository ([here is the guide](https://help.github.com/articles/fork-a-repo/)).
- Clone to your machine ```git clone https://github.com/YOUR_USERNAME/chameleon-free-bootstrap-admin-template.git```
- Make your changes
- Create a pull request

#### Contribution Requirements:

- When you contribute, you agree to give a non-exclusive license to ThemeSelection to use that contribution in any context as we (ThemeSelection) see appropriate.
- If you use content provided by another party, it must be appropriately licensed using an [open source](http://opensource.org/licenses) license.
- Contributions are only accepted through Github pull requests.
- Finally, contributed code must work in all supported browsers (see above for browser support).

## Creators

* **ThemeSelection** - *Initial work* - [ThemeSelection](https://themeselection.com)

## Change log

**For the most recent change log, visit the [releases page](https://github.com/themeselect/chameleon-free-bootstrap-admin-template/releases) or the [changelog file](https://github.com/themeselect/chameleon-free-bootstrap-admin-template/blob/master/changelog.md).** 
We will add a detailed release notes to each new release.

## Credits

* [Graphicburger](http://graphicburger.com/)
* [Stocksnap](https://stocksnap.io/)
* [Pixabay](https://pixabay.com/)
* [Unsplash](https://unsplash.com/)
* [Picjumbo](https://picjumbo.com/)

## Copyright and license

Chameleon Free Bootstrap Admin Template is an open source project by [ThemeSelection](https://themeselection.com) that is licensed under [MIT](http://opensource.org/licenses/MIT). ThemeSelection reserves the right to change the license of future releases.

## Note

**We request you to keep ThemeSelection credit link in the footer section.**

## Looking For Premium Bootstrap Admin Templates?

**[ThemeSelection](https://themeselection.com/)** provids Selected high quality, modern design, professional and easy-to-use Free and premium Admin Templates, HTML Themes and UI Kits to create your applications faster!.

If you want to [Download Free Admin Templates](https://themeselection.com/products/category/download-free-admin-templates/) like Chameleon Admin Lite, please visit **[ThemeSelection](https://themeselection.com/)**.

## Useful Links


* [More products](https://themeselection.com/products/) from ThemeSelection
* [Freebies](https://themeselection.com/products/category/freebies/) from ThemeSelection
* [Blog](https://themeselection.com/blog/)

## Social Media

* Twitter : [https://twitter.com/themeselect](https://twitter.com/themeselect)
* Facebook : [https://www.facebook.com/ThemeSelections/](https://www.facebook.com/ThemeSelections/)
* Pintrest : [https://pinterest.com/themeselect/](https://pinterest.com/themeselect/)
* Instagram : [https://www.instagram.com/themeselect_official/](https://www.instagram.com/themeselect_official/)