sleek-bootstrap — HTML 后台模板

SHA-256: 561896577192baa5c36b3704ddf1b3ca91f238d6097052646f198cb55e337090

2026-10-01T01:41:37.146Z

<div align="center">

# Sleek - Free Bootstrap Dashboard

[![GitHub stars](https://img.shields.io/github/stars/themefisher/sleek.svg?color="brightgreen"&style=flat-square)](https://github.com/themefisher/sleek/stargazers)
[![GitHub forks](https://img.shields.io/github/forks/themefisher/sleek.svg?color="success"&style=flat-square)](https://github.com/themefisher/sleek/network)
[![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/themefisher/sleek.svg?color="orange"&style=flat-square)]()
<a href="https://coveralls.io/github/chartjs/Chart.js?branch=master"><img src="https://img.shields.io/coveralls/chartjs/Chart.js.svg?&style=flat-square&maxAge=600" alt="Coverage"></a>
<a href="https://github.com/chartjs/awesome"><img src="https://awesome.re/badge-flat2.svg?&style=flat-square" alt="Awesome"></a>
![license](https://img.shields.io/badge/license-MIT-blue.svg?&style=flat-square)

![Product Gif](source/assets/img/github/sleek.gif)

</div>

**Sleek Dashboard** - Free Bootstrap 4 Admin Dashboard Template and UI Kit. It is a very powerful _bootstrap_* admin dashboard, which allows you to build products like admin panels, content management systems and CRMs.
[Bootstrap](https://getbootstrap.com/) is the world's most popular front-end component library for developing with HTML, CSS, and JS. It is an open-source, intuitive, and powerful front-end framework for faster and easier web development.

We are very excited to share this dashboard with you and we look forward to hearing your feedback!

## Table of Contents

- [Demo](#demo)
- [Quick Start](#quick-start)
- [Contribution](#contribution)
- [Plugins](#plugins)
- [Browser Support](#browser-support)
- [Reporting Issues](#reporting-issues)
- [Technical Support or Questions](#technical-support-or-questions)
- [License](#license)

## Demo

| Ecommerce Page  | Analytics Page  | Chat App  |
|---|---|---|
| [![Ecommerce page](source/assets/img/github/ecommerce.png)](https://demo.themefisher.com/sleek/)  | [![Analytics page](source/assets/img/github/analytics.png)](https://demo.themefisher.com/sleek/analytics.html) | [![Chat page](source/assets/img/github/chat.png)](https://demo.themefisher.com/sleek/chat.html)

| Contacts App  | Team App  | Calendar App  |
|---|---|---|
| [![Contacts page](source/assets/img/github/contacts.png)](https://demo.themefisher.com/sleek/contacts.html)  | [![Team page](source/assets/img/github/team.png)](https://demo.themefisher.com/sleek/team.html) | [![Calendar page](source/assets/img/github/calendar.png)](https://demo.themefisher.com/sleek/calendar.html)

[View More](https://demo.themefisher.com/sleek/)

## Quick Start

Please visit [Documentation](https://demo.themefisher.com/sleek/quick-start.html) for more detailed information.

### Option 1: From CDN

```
<link href="https://unpkg.com/sleek-dashboard/dist/assets/css/sleek.min.css" rel="stylesheet"/>
```

```
<script src="https://unpkg.com/sleek-dashboard/dist/assets/js/sleek.bundle.js"></script>
```

[View Codepen Example](https://codepen.io/iamabdus/pen/rNavojp/)

### Option 2: From NPM

Install **Sleek Dashboard** from npm

```
npm i sleek-dashboard --save
```

### Option 3: Download

You can download ready to use **Sleek Dashboard** admin template from our [Latest Release](https://github.com/themefisher/sleek/releases)

Please visit [Documentation](https://demo.themefisher.com/sleek/quick-start.html) for more detailed information.

## Contribution

To use our build system and run the project locally follow these instructions -

- Install [Node.js and NPM](https://nodejs.org)
- Install [Ruby](https://www.ruby-lang.org/en/documentation/installation/) then install [Bundler](https://bundler.io/) with `gem install bundler`

- Clone GitHub repository with

  ```
  git clone https://github.com/themefisher/sleek.git
  ```

- Navigate to the root `/sleek-dashboard` directory and Install dependency with

  ```
  npm install
  bundle install
  ```

- Finally run `npm start` and open [http://localhost:4000](http://localhost:4000) in your browser. Now you are ready to hack!

 **Note:** For Windows Read [this guide](https://jekyllrb.com/docs/windows/) to get Jekyll up and running without problems.

## Plugins

- Bootstrap - <http://getbootstrap.com>
- Chart.js -  <http://www.chartjs.org/>
- Select 2 -  <https://select2.org/>
- Simple Bar -  <https://grsmto.github.io/simplebar/>

[See All Plugins](https://demo.themefisher.com/sleek/introduction.html)

## Browser Support

At present, we officially aim to support the following browsers:

<img src="source/assets/img/github/chrome.png" width="64" height="64"> <img src="source/assets/img/github/firefox.png" width="64" height="64"> <img src="source/assets/img/github/edge.png" width="64" height="64"> <img src="source/assets/img/github/safari.png" width="64" height="64"> <img src="source/assets/img/github/opera.png" width="64" height="64">

## Reporting Issues

We use GitHub Issues as the official bug tracker for the **Sleek Dashboard**. Please Search [existing issues](https://github.com/themefisher/sleek/issues). It’s possible someone has already reported the same problem.
If your problem or idea is not addressed yet, [open a new issue](https://github.com/themefisher/sleek/issues)

## Technical Support or Questions

If you have questions or need help integrating the product please [contact us](mailto:[email protected]) instead of opening an issue.

<!-- licence -->
## License

Copyright (c) 2016 - Present, Designed & Developed by [Themefisher](https://themefisher.com)

**Code License:** Released under the [MIT](https://github.com/themefisher/sllek/blob/main/LICENSE) license.

**Image license:** The images are only for demonstration purposes. They have their license, we don't have permission to share those images.