BasMaterial UI
- 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.
-
View the DEMO & DOC
-
View the CHANGELOG
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?
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
Links
License
- View the LICENSE
