Daemonite's Material UI is a cross-platform and fully responsive front-end interface based on Google Material Design developed using Bootstrap 4.
The basic idea behind this project is to combine the front-end technology of the popular Bootstrap framework with the visual language of Google Material Design.
A visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design. http://www.google.com/design/spec/material-design/introduction.html
The primary goal of this project is to give all Bootstrap components and elements a Google Material Design look, so it allows web developers to continue using the exact same Bootstrap HTML markup they are familiar with, but presents them a final outcome that is in line with the principles and specifics of Google Material Design.
A secondary goal of this project is to add support for some unique Google Material Design components such as floating buttons, pickers, and steppers, to name a few, which cannot be achieved by transforming existing Bootstrap components.
This project exists thanks to all the people who contribute.
Thank you to all our backers! [Become a backer]
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]
Table of contents
Within the download you will find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
daemonite-material/ ├── css/ │ ├── material.css │ ├── material.css.map │ ├── material.min.css │ └── material.min.css.map └── js/ ├── material.js ├── material.js.map ├── material.min.js └── material.min.js.map
material.*.map) are available for use with certain browsers' developer tools.
daemonite-material/ ├── assets/ │ ├── js/ │ └── scss/ ├── css/ │ ├── material.css │ ├── material.css.map │ ├── material.min.css │ └── material.min.css.map ├── docs/ │ └── 4.1/ └── js/ ├── material.js ├── material.js.map ├── material.min.js └── material.min.js.map
Material's documentation, included in this repo in the root directory, is built with Jekyll and publicly hosted on GitHub Pages at http://daemonite.github.io/material/. The docs may also be run locally.
Running documentation locally
- Run through the tooling setup to install Jekyll and other Ruby dependencies with
npm installto install Node.js dependencies.
npm run distand
- From the root
npm run docs-servein the command line.
http://localhost:9999/materialin your browser, and voilà.
Several quick start options are available:
- Clone the repo:
git clone https://github.com/Daemonite/material.git
- Download the latest release
- Install with bower:
bower install daemonite-material
- Install with npm:
npm install daemonite-material