Fluent Design for Bootstrap 4

Bootstrap Fluent Design UI KIT - inspired by Microsoft design system

100+ Fluent UI elements, 1400+ Fluent icons, 74 CSS animations, .scss files, templates, tutorials and many more. Free for personal and commercial use.

Download GitHub Live demo Docs

Watch our "5 min Quick Start" tutorial

Bootstrap 4

Thanks to Fluent Kit you can take advantage of all feature of newest Bootstrap 4.

Detailed documentation

We give you detailed user-friendly documentation at your disposal. It will help you to implement your ideas easily.

Lots of tutorials

We care about the development of our users. We have prepared numerous tutorials, which allow you to learn how to use our KITs as well as other technologies.

Not enough?

Free for personal and commercial use

Our license is user-friendly. Feel free to use Fluent Kit for both private as well as commercial projects.

100+ UI elements

An impressive collection of flexible components allows you to develop any project.

1400+ icons

Hundreds of useful, scalable, vector icons at your disposal.

Fully responsive

It doesn't matter whether your project will be displayed on desktop, laptop, tablet or mobile phone. Fluent Kit looks great on each screen.

Bootstrap fluent design
Stunning CSS animations

Neat and easy to use animations, which will increase the interactivity of your project and delight your visitors.

Plenty of useful templates

Need inspiration? Use one of our predefined templates for free.

Easy installation

5 minutes, a few clicks and... done. You will be surprised at how easy it is.

Easy to use and customize

Using Fluent Kit is straightforward and pleasant. Components flexibility allows you deep customization. You will easily adjust each component to suit your needs.

...and even more

Cross-browser compatibility

Chrome, Firefox, IE, Safari, Opera, Microsoft Edge - Fluent Kit loves all browsers; all browsers love Fluent Kit.

Frequent updates

Fluent Kit becomes better every month. We love the project and enhance as much as possible.

Active community

Our society grows day by day. Visit our forum and check how it is to be a part of our family.

jQuery 3.x and 2.x

Fluent Kit is integrated with newest jQuery. Therefore you can use all the latest features which come along with it.


Fluent Design for Bootstrap comes with both, compiled, ready to use libraries including all features as well as modules for CSS (.scss files) and JS.

Technical support

We care about reliability. If you have any questions - do not hesitate to contact us.


Fluent Kit fully supports Flex Box. You can forget about alignment issues.

.scss files

Arranged and well documented .scss files can't wait until you compile them.

Start our tutorials

Bootstrap 4 tutorial

The complete and easy guide will teach you how to create stunning, responsive website and apps. Each lesson is provided with series of practical examples and each of those examples brings an essential web design knowledge.


Automated web application

In this tutorial, you will learn truly exciting things - creating a dynamic content and remote code injection.

You will create a smart website which learns your user and reacts properly to his behavior.


Wordpress tutorial

This comprehensive tutorial contains everything you have to know about WordPress Theme development, starting with setting the environment, through WordPress installation and configuration, setting up theme construction, development including custom widgets and functions.


Contribute or become our partner


Help us improve Fluent Kit and contribute to our open source project on GitHub

MDBootstrap on GitHub How to contribute - guide
Join our slack

Join our Slack channel for contributors and beta testers

Write us on f.kapusta@mdbootstrap.com

Join our affiliate program

Join our affiliate partner and get 30% profit on each sale of MDB

Sign up Read tutorial