🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
Socket
DemoInstallSign in
Socket
DemoInstallSign in

bas-material-ui

Package Overview
Dependencies
Maintainers
1
Versions
13
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

bas-material-ui

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

0.2.8
latest
Source
npm
Version published
Weekly downloads
3
-25%
Maintainers
1
Weekly downloads
 
Created
Source

BasMaterial UI

Donate to this project using Paypal

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

Introduction

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

Install

npm install bas-material-ui

or

bower install bas-material-ui

HTML Setup

Use the files in the "dist" folder

<!DOCTYPE html>
<html lang="en">
<head>
    <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">
</head>
<body>
    
    <!-- Layout Header -->
    <header class="bas-ui-layout-header">

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

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

    </header>

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

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

            <div class="brand">
                ...
            </div>

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

            <div class="footer">
                ...
            </div>

        </div>

    </div>

    <!-- Layout Body -->
    <main class="bas-ui-main bas-ui-scrollbar-y">
        ...
    </main>
    
    <!-- jQuery first, then BasMaterial JS. -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
    <script src="js/bas-material-ui.min.js"></script>
</body>
</html>

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

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

Backers

Maintainers

These amazing people are maintaining this project:

Sponsors

No sponsors yet! Will you be the first?

Donate to this project using Paypal

Contributors

These amazing people have contributed code to this project:

Contribute

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

  • Install tools and contribute with your code

  • Donate

Links

License

Contact

Keywords

user interface
ui
ux
material
design
html

FAQs

Package last updated on 17 Dec 2018

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

The Growing Risk of Malicious Browser Extensions

Research

Security News

The Growing Risk of Malicious Browser Extensions

Socket researchers uncover how browser extensions in trusted stores are used to hijack sessions, redirect traffic, and manipulate user behavior.

By Kush Pandya  -  Jun 13, 2025