Bootstrap 5 & React 18 UI KIT - 700+ components, MIT license, simple installation.

MDB is a collection of free Bootstrap templates, themes, design tools & resources.

Get started

>> Get Started in 1 minute

Simple installation via .zip, npm or cdnjs.

>> Install with MDBGO

Free Hosting, WordPress support, custom domains, SSL support, free database, frontend & backend templates, webpack starter included, git repostiory, FTP & jenkins support.

>> Install with MDBGO + e-commerce shop integration

One click setup! MDB GO allows you to create a WordPress page with a single click. Regardless whether you want to create a Travel Blog or an e-commerce shop to sell your product you can easily do that. You can even combine both into single page.

About Material Design for Bootstrap 5 & React 18

Created by

Trusted by 2 000 000+ developers & designers. Used by companies & institutions like

700+ UI components
Super simple, 1 minute installation
Detailed docs & practical examples
Lots of tutorials
Huge and active community
MIT license - free for personal & commercial use

Bootstrap 5 tutorial

>> Learn more about Bootstrap 5

>> Bootstrap 5 Tutorial

>> Subscribe to our YouTube channel with dozens of Bootstrap tutorials


Start learning from Basics	Learn Bootstrap 5 \| Crash Course for Beginners in 1.5H

Demo

Simplicity and ease of use are key features of MDB 5 React UI Kit. You need only one minute to install and run it.

Buttons

Use MDB custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Spinners

Indicate the loading state of a component or page with MDB spinners, built entirely with HTML, CSS, and no JavaScript.

Cards

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.

Footer

A footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.

Hover

MDB hover effect appears when the user positions the computer cursor over an element without activating it. Hover effects make a website more interactive.

Notes

Notes are small components very helpful in inserting an additional piece of information.

Project Name	Stars	Repos Using This	Packages Using This	Most Recent Commit	Total Releases	Latest Release	Open Issues	License	Language
Mdb Ui Kit	23,184		3	3 days ago	34	August 29, 2022	9	mit	SCSS
Bootstrap 5 & Material Design 2.0 UI KIT
React Native Paper	10,525	683	221	13 hours ago	151	September 22, 2022	98	mit	TypeScript
Material Design for React Native (Android & iOS)
Material Kit	5,717	12	6	9 months ago	3	July 02, 2018	21	mit	HTML
Free and Open Source UI Kit for Bootstrap 5, React, Vue.js, React Native and Sketch based on Google's Material Design
Material Kit React	4,432			21 days ago			2	mit	JavaScript
React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other
React Most Wanted	2,355		4	a day ago	97	August 31, 2022	12	mit	JavaScript
React starter kit with "Most Wanted" application features
Mdb React Ui Kit	1,287	1,018	59	4 days ago	60	November 22, 2021	1	mit	TypeScript
React 17 & Bootstrap 5 & Material Design 2.0 UI KIT
Starter Kit	1,223			7 months ago			1		TypeScript
:package: Angular 14+ starter kit for enterprise-grade projects
Material Kit React	948	2	1	a year ago	10	May 11, 2021		mit	JavaScript
Material Kit React free and open source by Creative Tim
Materialui	631			6 years ago			23	other	C#
MaterialUI is a UI kit for Unity that follows Google's official material design guidelines.
Ngx Starter Kit	545			10 months ago			14	mit	TypeScript
:a: Angular :rocket: NestJS :monkey: Starter Kit

Mdb React Ui Kit