Fetching contributors…
Cannot retrieve contributors at this time
181 lines (119 sloc) 4.01 KB

BasMaterial UI

Donate to this project using Paypal

  • Ready for Production!!
  • Ready for Isomorphic Applications!!
  • Ready for Meteor Applications!!
  • Ready for Cordova Applications!!


BasMaterial UI, is a natural user interface based in Google's Material Design.


npm install bas-material-ui


bower install bas-material-ui

HTML Setup

Use the files in the "dist" folder

<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <!-- BasMaterial UI CSS -->
    <link rel="stylesheet" href="css/bas-material-ui.min.css">
    <!-- Layout Header -->
    <header class="bas-ui-layout-header">

        <div class="bas-ui-app-bar">

        <div class="bas-ui-tool-bar">


    <!-- Layout Side Nav -->
    <div class="bas-ui-side-nav">

        <div class="bas-ui-side-nav-wrapper">

            <div class="brand">

            <div class="bas-ui-side-nav-content-wrapper">

            <div class="footer">



    <!-- Layout Body -->
    <main class="bas-ui-main bas-ui-scrollbar-y">
    <!-- jQuery first, then BasMaterial JS. -->
    <script src=""></script>
    <script src="js/bas-material-ui.min.js"></script>

Package dependencies

No need to separately include the following libraries, are already included in this library:

  • Material Design Icons
  • Parsley (2.1.3)
  • jQuery Easing (v1.3.0)
  • jQuery Hammer (v2.0.0)
  • jQuery Element Resize (v0.2.2)
  • Ajax AutoComplete for jQuery (v1.2.24)
  • Dropzone (v4.2.0)
  • Toastr (v2.1.3)
  • Autosize (v3.0.8)
  • tether (v1.1.1)
  • VelocityJS (v1.2.2)
  • Waves (v0.7.2)
  • Animate Sass (v0.6.4)

External dependencies, should be included separately:

  • jQuery (v3.0.0)

Tools Installation

Install the main tools (require sudo on certain systems):

npm install -g grunt
npm install -g grunt-cli
npm install -g bower

Install the project dependencies, change to the project's root directory (require sudo on certain systems):

bower install
npm install

Run Grunt:


Grunt will then watch concurrently for changes to src and hbs folders, scss and hbs files build each as required.



These amazing people are maintaining this project:


No sponsors yet! Will you be the first?

Donate to this project using Paypal


These amazing people have contributed code to this project:


If you wish you can contribute to the development of this project:

  • Install tools and contribute with your code

  • Donate