mdbootstrap/perfect-scrollbar

Scrolling & Parallax

Stars
301
Rank 133,105 (Top 3 %)
Language
JavaScript
License
MIT License
Created about 2 years ago
Updated 4 months ago

mdbootstrap/perfect-scrollbar

mdbootstrap

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Minimalistic but perfect custom scrollbar plugin. Get more free components with Material Design for Bootstrap UI Kit (link below)

perfect-scrollbar

Minimalistic but perfect custom scrollbar plugin

Why perfect-scrollbar?

perfect-scrollbar is minimalistic but perfect (for us, and maybe for most developers) scrollbar plugin.

No change on design layout
No manipulation on DOM tree
Use plain scrollTop and scrollLeft
Scrollbar style is fully customizable
Efficient update on layout change

We hope you will love it!

Live preview

Check out the Live Preview snippet. You can fork it right away for testing and experimenting purposes.

Related resources

Social Media

Get Free Material Design for Bootstrap 5

Material Design 2.0 + latest Bootstrap 5 based on plain JavaScript. 700+ material UI components, super simple, 1 minute installation, free templates & much more

Free Tutorials

Huge collection of free and high-quality tutorials. Learn Bootstrap, Angular, React, Vue, WordPress and many more. Create your own websites and apps.

mdb-ui-kit

Bootstrap 5 & Material Design UI KIT

Tailwind-Elements

𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates 😎

material-design-for-bootstrap

Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.

bootstrap-templates

A collection for Bootstrap 5 templates.

adminlte-laravel

A Laravel 5 package that switchs default Laravel scaffolding/boilerplate to AdminLTE template and Pratt Landing Page with Bootstrap 3.0

mdb-react-ui-kit

React 17 & Bootstrap 5 & Material Design 2.0 UI KIT

bootstrap-hover-dropdown

An unofficial Bootstrap plugin to enable Bootstrap dropdowns to activate on hover and provide a nice user experience.

mdb-angular-ui-kit

Angular 14 & Bootstrap 5 & Material Design 2.0 UI KIT

bootstrap-toggle-buttons

Bootstrap-toggle-buttons has moved to https://github.com/nostalgiaz/bootstrap-switch

mdb-vue-ui-kit

Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT

Black-Friday-2023

Black Friday & Cyber Monday Deals (UI Kits WordPress Plugins, CRMs, SEO, Courses, Books) for web developers, programmers, and software engineers.

Bootstarters

Free templates for Bootstrap 5

bootstrap-fluent-design

Fluent Design Theme for Bootstrap - inspired by Windows style and based on the latest Bootstrap 5.

Bootstrap-4-templates

A collection of Bootstrap 4 Templates - Material Design for Bootstrap. Important! New templates are available. Access the new templates via the link below:

Angular-Bootstrap-Boilerplate

Angular CRUD application starter with NgRx state management and Firebase backend

knowledge-base

A common repository for all resources, tutorials, and useful materials. Find more free web development learning resources via the link below

Ecommerce-Template-Bootstrap

Ecommerce Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

TW-Elements-React

TW Elements for React - 𝙃𝙪𝙜𝙚 collection of Tailwind + React components, sections and templates 😎

bootstrap-5-freecodecamp-source-code

Source code to freeCodeCamp course for beginners

Admin-Dashboard-Template-Angular-Bootstrap

Admin template for Material Design for Angular Bootstrap.

mdb4-vue-ui-kit

Vue Bootstrap with Material Design - Powerful and free UI KIT

mdb4-react-ui-kit

React Bootstrap with Material Design - Powerful and free UI KIT

mdbsvelte

Svelte Bootstrap with Material Design

mdb-webpack-starter

Webpack Starter for Material Design for Bootstrap UI Kit based on the latest Bootstrap 5.

bootstrap-material-design

Important! A new UI Kit version for the latest Bootstrap 5 is available. Access the latest version via the link below

mdb-cli

Command Line Interface for MDB (https://mdbootstrap.com/) - learn more about CLI via the link below

mdb-docs-and-content

Content of the mdbootstrap.com website

Landing-Page-Template-Bootstrap

Landing Page Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

Admin-Dashboard-Template-Bootstrap

Admin Dashboard Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

Saas-Template-Bootstrap

This is a Saas Template for Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

Blog-Template-Bootstrap

Blog Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

Admin-Dashboard-Template-React-Bootstrap

Admin Dashboard template for React, Bootstrap & Material Design.

bootstrap-5-dark-theme

Dark mode / dark theme template. Built with the latest Bootstrap 5 & Material Design.

Admin-Dashboard-Template-Vue-Bootstrap

Admin Template for Material Design for Vue Bootstrap.

Portfolio-Template-Bootstrap

Portfolio Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

awesome-mdbootstrap

A curated list of awesome things related to MDBootstrap

Enhanced-Bootstrap-Modals

Collection of Enhanced Modals for Twitter Bootstrap

Bootstrap-5-Crash-Course-in-1.5H

These are lesson files for our 1,5h crash course on Bootstrap 5

Bootstrap-5-Landing-Page-Tutorial

This repository contains a source code to Bootstrap 5 Landing Page tutorial video. Access more Web Development tutorials via the link below

bootstrap-login-form

Responsive Login form built with Bootstrap 5. Lot of templates of signup forms and predefined form pages - various design, styles and functionalities.

Bootstrap-tutorial-for-beginners

Learn the main features of the most powerful mobile framework.

bootstrap-5-admin-template

Template for admin dashboards, control panels, reports, and others. Built with the latest Bootstrap 5 & Material Design.

mdb4-angular-ui-kit

Angular Bootstrap with Material Design - Powerful and free UI KIT

Coming-Soon-Template-Bootstrap

Coming Soon Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

bootstrap-chat

Responsive Chat built with Bootstrap 5. Many variants of the chat UI - mobile app, messages box, desktop widget and more.

black-friday-cyber-monday-2020

A list of Black Friday and Cyber Monday promotions and discounts for developers

mdb-easydata

Easily get data from any source and visualize it in an beautiful form

mdbootstrap-5

An experimental repository that upgrades MDB to Bootstrap 5

JS-tutorial-To-Do-List-App-for-beginners

This tutorial will teach you basics of JavaScript on the real app example. Access more Web Development tutorials via the link below

Magazine-Template-Bootstrap

Magazine Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

jQuery-tutorial-for-beginners

jQuery tutorial for beginners. Access more Web Development tutorials via the link below

React-Tutorial-Agenda-App

This repo contains a lesson files for React development tutorial

MDB-Angular-PWA

MDB Angular Progressive Web App Tutorial application

bootstrap-5-full-carousel-cover-template

Make your website stand out with an image slider/carousel that takes up the entire viewport (fullscreen). Built with the latest Bootstrap 5 & Material Design.

MDB-VSCode-snippets

VS Code snippets for MDB

bootstrap-profiles

Responsive Profiles built with Bootstrap 5. Lots of templates such as card profile, user profile, profile form, with followers, avatars, comments, stats, social media and many more.

HTML-and-CSS-tutorial-for-beginners

Create your first website using HTML and CSS. Access even more Web Development tutorials via the link below:

mdb-angular-vscode-snippets

VS code snippets for MDB4 angular

MDB-5-Standard-snippets

Snippets for MDB 5 Standard

AJAX-tutorial-using-JS-and-jQuery-for-beginners

AJAX tutorial using JS and jQuery for beginners. Access more Web Development tutorials via the link below

Web-Developer-Roadmap

Roadmap to becoming a developer in 2022

bootstrap-shopping-carts

Responsive Shopping Carts built with Bootstrap 5. Multiple examples of various designs and functionalities. Ready to use pages and templates.

mdb-starter-webpack

HTML-Forms-and-validation-tutorial-for-beginners

This tutorial will teach you how to create and validate HTML forms. Access more Web Development tutorials via the link below

bootstrap-footer

The ultimate collection of responsive Footers built with the latest Bootstrap 5. Free for personal & commercial use. If you'd like to customize your Footers will find the documentation below.

Bootstrap-5-Tutorial-Portfolio

This repository is a result of a tutorial, link to the tutorial in a README. Access more Web Development tutorials via the link below

Vue-Tutorial-Agenda-App

Tutorial for an Agenda App built with VueJS. Access even more Web Development tutorials via the link below:

bootstrap-5-blog-template

Simple blog template. Built with the latest Bootstrap 5 & Material Design.

bootstrap-5-login-cover-template

Simplistic template for a login or registration page. Built with the latest Bootstrap 5 & Material Design.

MDB5-Landing-page-tutorial

MDB5 - Landing page tutorial. Access more Web Development tutorials via the link below

MDB5-Blog-tutorial

MDB5 Blog tutorial. Access more Web Development tutorials via the link below

bootstrap-video-carousel

Example of responsive bootstrap carousel with videos instead of images built with the Bootstrap 5.

visual-studio-code-bootstap-4

Bootstrap 4 snippets for Visual Studio Code

MDB-Vue-Nuxt-Boilerplate

A MDB Vue & Nuxt.js quick start boilerplate

react-login-form

Responsive login form built with Bootstrap 5. Collection of examples for signup forms, full page login templates, login modals & many other sign in designs.

bootstrap-5-full-image-cover-template

Make your website stand out with an image that takes up the entire viewport (fullscreen). Built with the latest Bootstrap 5 & Material Design.

MDB5-Portfolio-page-tutorial

MDB5 Portfolio page tutorial. Access more Web Development tutorials via the link below

vue-cli-plugin-mdb

Vue CLI plugin for MDB Vue package.

Angular-PWA-Tutorial-Application

An application created while writing a tutorial on how to create a PWA application in Angular.

React-Template

Template for React Bootstrap Material Design

mdb-angular-contact-form

Contact form with Material Design Angular frontend and Node backend.

bootstrap-to-do-list

Responsive To Do Lists built with the latest Bootstrap 5. Various variants of design and functionality.

MDB-Vue-Laravel-Boilerplate

An MDB Vue & Laravel quick start boilerplate

bootstrap-weather

Responsive Weather templates built with the latest Bootstrap 5. Examples of UI with icons, cards, real data from API, interactive animated backgrounds.

bootstrap-comments

Responsive Comment Box built with the Bootstrap 5. Comment with avatar, nested comments, comment with reply, comment section, comment template, unread comments, comment form.

Facebook-like-chat-with-mdbootstrap-and-socket.io

Tutorial for building a Facebook App. Access more Web Development tutorials via the link below

bootstrap-mega-menu

Responsive Mega Menu built with Bootstrap 5. Examples of dropdown on click and on hover. Templates with grid, images, links, lists and more.

react-chat

Responsive React Chat built with Bootstrap 5. Many variants of chatbox UI, mobile app, messages box, chat window, chatbot UI, group chat, chat widget, web chat & more. https://mdbootstrap.com/docs/react/extended/chat/

Angular-Tutorial-Agenda-App

This repo contains a lesson files for Angular development tutorial

react-news-feed

Responsive React News Feed templates built with Bootstrap 5. News article feed, instagram, facebook and twitter-like feed, posts with comments, social section & more. https://mdbootstrap.com/docs/react/extended/news-feed

bootstrap-jumbotron

Responsive Jumbotron built with Bootstrap 5. Examples of classic hero component, with background image, with navbar and many other combinations.

mdb-starter-vite

wordpress-blog

bootstrap-5-magazine-template

Template for news & article aggregation. Built with the latest Bootstrap 5 & Material Design.

bootstrap-5-half-carousel-cover-template

Make your website stand out with an image slider/carousel that takes up half a page. Built with the latest Bootstrap 5 & Material Design.

SASS-crash-course-for-beginners

This tutorial will learn you how to use SASS, a CSS with superpowers. Access more Web Development tutorials via the link below

bootstrap-news-feed

Responsive News Feed built with the latest Bootstrap 5. Enhance your project with a variety of social sections such as news feed, comments, and post cards.

bootstrap-5-one-column-template

A template that will easily help you kick start your project with 2-column based grid. Built with the latest Bootstrap 5 & Material Design.

bootstrap-square-buttons

Responsive Square Buttons built with Bootstrap 5. Black, disabled, full-width outline, social, block square buttons examples.

bootstrap-5-three-columns-template

A template that will easily help you kick start your project with 2-column based grid. Built with the latest Bootstrap 5 & Material Design.