
<h1 align="center">Material Design for UIKit</h1>

<p align="center">
   Free for personal and commercial use.
</p>

<p align="center">
  <a href="#" target="_blank">
    <img width="600" src="https://cdn-images-1.medium.com/max/2600/1*A0VmdY87DoAMAsG6PGb3XQ.png" alt="logo">
  </a>
</p>

|         | Highlights  |                         |
|-----------------------------------------|------------------|------------------------------|
|💎 |Thanks to MD-UIKit you can take advantage of all feature of latest version of UIKit.⠀⠀⠀⠀⠀ | ✔️ |
|🎓 |We care about the development of our users. We have prepared numerous tutorials, which allow you to learn how to use MD-UIKit as well as other technologies.⠀⠀⠀⠀⠀⠀⠀⠀⠀ | ✔️ |
|📱 |It doesn't matter whether your project will be displayed on a desktop, laptop, tablet or mobile phone. MD-UIKit looks great on every type of screen.| ✔️ |
|🗺️ |Need inspiration? Use one of our predefined templates for free.⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀ | ✔️| 
|💽 |5 minutes, a few clicks and... done! You will be surprised at how easy it is.⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀ ⠀⠀⠀| ✔️ |
|💄 |Using MD-UIKit is straightforward and pleasant. Our flexible components allow deep customization. You will easily be able to adjust each component to suit your needs.| ✔️ |
|🆓 |Our license is user-friendly. Feel free to use MD-UIKit for both private as well as commercial projects.| ✔️ |
|📑 |We put detailed user-friendly documentation at your disposal. It will help you to implement your ideas easily.| ✔️ |

________


# Demo

 - [Main demo](https://mduikit.com/)


# Quick Start

 - [Tutorial](https://mduikit.com/Views/installation.php)

# How to install

You can install MDUikit using NPM:

```
npm install md-uikit
```

# MDUIkit on CDNJS:

`<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.5.9/dist/css/uikit.min.css" />`
`<link href="https://cdn.jsdelivr.net/npm/md-uikit@1.6.2/dist/css/md-uikit.css" rel="stylesheet">`

`<script src="https://cdn.jsdelivr.net/npm/uikit@3.5.9/dist/js/uikit.min.js"></script>`
`<script src="https://cdn.jsdelivr.net/npm/md-uikit@1.6.2/dist/js/md-uikit.js" ></script>`

# Documentation

 - [Huge, detailed documentation available online](https://mduikit.com/)

# Support

<a href="https://www.patreon.com/bePatron?u=8113503" data-patreon-widget-type="become-patron-button">Become a Patron!</a>