Material Design UIkit

Quick Start

Before to Start

Remember we are based on UIkit, so you can keep using all the fabulous components and features that they have for you

LEARN MORE

Hello World

Here's a quick example to get you started, it's literally all you need:

                                
<html>
<head>
    <meta name="theme-color" content="#000000">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>Material Design UIkit Demo</title>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/uikit.min.css" media="all">
    <link rel="stylesheet" href="assets/css/md-uikit.css" media="all">
</head>
<body>
    <main>
        <div class="uk-container uk-container-expand">
            <button class="md-btn md-btn-primary ripple-surface">Hello World</button>
        </div>
    </main>
</body>
<!-- UIkit JS -->
<script src="assets/js/uikit.min.js"></script>
<!-- Material Design for UIkit JS -->
<script src="assets/js/md-uikit.js" ></script>
</html>