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 | ||
| 10,000+ Pro components | ||
| Detailed documentation | ||
| SASS, CSS, JS, HTML files | ||
| Tutorials | ||
| 10 Pro plugins | ||
| 250+ Pro Design Blocks | ||
| 8+ Basic modules | ||
| 22+ Pro modules | ||
| Enhanced Bootstrap Modals | ||
| JavaScript modularity | ||
| 10 Pro page templates | ||
| Professional 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 publish 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.
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 : 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!