Home

Awesome

Material Design implemented in QtQuick

Join the chat at https://gitter.im/papyros/qml-material

License GitHub release Build Status GitHub issues Bountysource

This is a library of QML widgets implementing Google's Material Design. It is completely cross platform, and runs on Linux, OS X, and Windows. It may also run on iOS and Android, though those platforms have not been tested and are not currently officially supported.

Brought to you by the Papyros development team.

Dependencies

Requires Qt 5.4 or higher.

Installation

From the root of the repository, run:

$ qmake
$ make
$ make check # Optional, make sure everything is working correctly
$ sudo make install

Now check out the demo folder to see how to use Material Design from QtQuick!

Material.Extras

The material framework comes with a collection of useful non-UI-related extras in the Material.Extras module. This includes a Promises library, date and list utility functions, and an HTTP library based on Promises. Here are some examples of what you can do with these additional components:

Promise:

import QtQuick 2.3
import Material.Extras 0.1

Item {
    function makePromise() {
        var myvalue = "";

        var promise = new Promises.Promse();
        promise.info.myinfo = "cool info";
        promise.then(function( data, info ) {
                // send data to the next step
                return info.myinfo + " " + data;
        });

        promise.done(function( data, info ) {
                // do something with the data of resolve(...)
        });

        promise.error(function( error, info ) {
                // do something with the data of reject(...)
        });
    }
}

Licensing

QML Material is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser Public License as published by the Free Software Foundation; either version 2.1 of the License, or (at your option) any later version.

The Material Design icons by Google are released under an Attribution 4.0 International license. The icons are directly copied from Google's GitHub repository at https://github.com/google/material-design-icons.