Perfect Scrollbar

Install with MDB Recommended
Install standalone

Download now

You can manually download MDB package with perfect-scrollbar.

Download

NPM

Prerequisites

Before starting project make sure to install Node LTS (12.x.x recommended).

Installation

To install MDB UI KIT in your project easily type the following command in terminal:

                                
                                    npm install perfect-scrollbar

CDN

Installation via CDN is one of the easiest methods of integrating MDB UI KIT with your project. Just copy the latest compiled JS script tag and CSS link tag from cdnjs to the application.

Don't forget to add also Font Awesome and Roboto font if you need. Here's an example code:

                                
                                    <!-- Font Awesome -->
                                    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
                                    <!-- Google Fonts -->
                                    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">
                                    <!-- MDB -->
                                    <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.css" rel="stylesheet">

                                
                                     <!-- MDB -->
                                     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.js"></script>

Other ways to install

MDB CLI

CLI installation is the most efficient way to use MDB. It enables options such as:

Free hosting (supports custom domains, SSL, FTP access)
Easy updates with a single command
Backend starter templates (Laravel, plain PHP, node.js & more)
WordPress setup in 3 minutes (blog, ecommerce or blank project)
Git repository for you and your team
and much more!

Install MDB CLI

Webpack Starter

Installing MDB with Webpack is very useful for experienced developers. What using Webpack actually gives:

Bundling via webpack
ES6+ Support via babel
SASS Support via sass-loader
Linting via eslint-loader
and much more!

Install MDB5 Webpack Starter

Download now

You can manually download perfect-scrollbar on this page.

Download

NPM

You can install and use perfect-scrollbar with npm. It's registered as perfect-scrollbar.

                                
                                    npm install perfect-scrollbar

From sources

If you want to use the development version of the plugin, build from source manually. The development version may be unstable.

                                
                                    $ git clone https://github.com/mdbootstrap/perfect-scrollbar.git
                                    $ cd perfect-scrollbar
                                    $ npm install
                                    $ npm run build

Unofficial sources

Sources not mentioned above are not maintained officially. If there are issues of the following sources, please ask and resolve in each repository.