Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
89 lines (62 sloc) 2.13 KB

WebriQ - Bootstrap Material UI

Note: Not use this current version for production, only test purpose.


Implements Google's Material Design in Bootstrap

View the DEMO & DOC

Based on ExentriqLtd/Bootstrap-Material-UI

HTML Setup

Use the files in the "dist" folder

<!DOCTYPE html>
  <!--Import webriq-bootstrap-material-ui.min.css-->
  <link type="text/css" rel="stylesheet" href="css/webriq-bootstrap-material-ui.min.css"  media="screen,projection"/>

  <!--Let browser know website is optimized for mobile-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <!--Import jQuery before webriq-bootstrap-material-ui.min.js-->
  <script type="text/javascript" src=""></script>
  <script type="text/javascript" src="js/webriq-bootstrap-material-ui.min.js"></script>

Package dependencies

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

  • Bootstrap (v3.3.5)
  • 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)
  • Autosize (v3.0.8)
  • VelocityJS (v1.2.2)
  • Waves (v0.7.2)
  • Animate Sass (v0.6.4)
  • Prism (v1.0.1)

External dependencies, should be included separately:

  • jQuery (v2.1.4)


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 jade folders, js, scss and jade files build each as required.


Bootstrap, Google Material Design


View the LICENSE