Getting Started with MDB
Get started with MDBootstrap - world's most popular Material Design framework for building responsive, mobile-first websites & apps.
It will take less than 5 minutes.
Step 1 : Choose your version
| MDB Features | FREE | PRO |
|---|---|---|
| 500+ Basic components | ||
| 5,000+ Premium components | ||
| Detailed documentation | ||
| SASS, CSS, JS, TS, HTML files | ||
| 50+ Pro sections | ||
| 2 Basic Plugins | ||
| 6 Pro Plugins | ||
| 8 Basic modules | ||
| 22 Pro modules | ||
| Premium Support | ||
| GitLab account and MDB Pro repository access |
Tip: If you want free hosting for your projects
& you're familiar with Command Line, install MDB via CLI.
It's the fastest way to create and host MDB projects
Step 2 : Don't miss software updates
Subscribe to MDB newsletter in order to stay up-to date with latest MDB news & updates.
I agree to receive changelog & newsletter from MDB. The administrator: StartupFlow s.c., Kijowska 7, Warsaw. Data processed following the Privacy Policy.
Step 3 : Install it
1. After downloading everything is ready to start
The folder contains both
core
bootstrap files and our framework files. Everything is linked and ready to use. Just open the
file
index.html and start creating amazing things!
2. Components can be found in the documentation
In the menu on the left,
you will find a list of all components you can use
with our
framework.
Explore and have fun!
3. Additional designs, code snippets & ready to use examples
You'll find community-developed components & features in the Snippets module. Fork
them, customize and make them your own!
Need help? Watch "5 min Quick Start"
Step 4 : Sign up
Create a free account in order to get technical support on our community forum & gain access to additional code snippets, prototyping tools, free project hosting with CLI & much more.
Sign upStep 5 : Don't stop learning
Step 6 : Follow & support MDB on social media
Follow us on social media in order to get a glimpse into the MDB events, special announcements & discounts.
Step 7 : Have a look at our additional resources
Step 8 : Try PRO components
Design & play with PRO components via the Snippets editor.
Click the button below, name your project & click "Save" in order to start prototyping your design!
Play with Pro components now!