Material Design for UIKit

Free for personal and commercial use.

logo

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

Quick Start

How to install

You can install MDBootstrap using NPM:

npm install md-uikit

MDUIkit on CDNJS:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.5.8/dist/css/uikit.min.css" /> <link href="https://cdn.jsdelivr.net/npm/md-uikit@1.5.1/dist/css/md-uikit.css" rel="stylesheet">

<script src="https://cdn.jsdelivr.net/npm/uikit@3.5.8/dist/js/uikit.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/md-uikit@1.5.1/dist/js/md-uikit.js" ></script>

Documentation

Support

Become a Patron!