All Projects → Daemonite → Material

Daemonite / Material

Licence: mit
Material Design for Bootstrap 4

Programming Languages

CSS
56736 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to Material

Material Design For Bootstrap
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
Stars: ✭ 9,463 (+198.61%)
Mutual labels:  material, bootstrap, google-material
Generator Ngx Rocket
🚀 Extensible Angular 11+ enterprise-grade project generator
Stars: ✭ 1,329 (-58.06%)
Mutual labels:  material, bootstrap
Hexo Theme Material
a theme of hexo using the material design bootstrap
Stars: ✭ 93 (-97.07%)
Mutual labels:  material, bootstrap
Bootstrap Table
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
Stars: ✭ 11,068 (+249.26%)
Mutual labels:  material, bootstrap
Ng Dynamic Forms
Rapid form development library for Angular
Stars: ✭ 1,146 (-63.84%)
Mutual labels:  material, bootstrap
Aybolit
Lightweight web components library built with LitElement.
Stars: ✭ 90 (-97.16%)
Mutual labels:  material, bootstrap
Material.avalonia
Material design in AvaloniaUI
Stars: ✭ 126 (-96.02%)
Mutual labels:  material, google-material
Material Axure Library
An Axure widget library based on Google Material Design.
Stars: ✭ 490 (-84.54%)
Mutual labels:  material, google-material
La Capitaine Icon Theme
La Capitaine is an icon pack designed to integrate with most desktop environments. The set of icons takes inspiration from the latest iterations of macOS and Google's Material Design.
Stars: ✭ 1,858 (-41.37%)
Mutual labels:  material, google-material
Blazorise
Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Bulma, AntDesign, and Material.
Stars: ✭ 2,103 (-33.64%)
Mutual labels:  material, bootstrap
Ngx Formly
JSON powered / Dynamic forms for Angular
Stars: ✭ 2,109 (-33.45%)
Mutual labels:  material, bootstrap
Shards Dashboard
🔥A beautiful Bootstrap 4 admin dashboard templates pack.
Stars: ✭ 1,143 (-63.93%)
Mutual labels:  material, bootstrap
Starter Kit
📦 Angular 11+ starter kit for enterprise-grade projects
Stars: ✭ 1,102 (-65.23%)
Mutual labels:  material, bootstrap
Material Design Icons
Material Design Icons
Stars: ✭ 90 (-97.16%)
Mutual labels:  material, google-material
Android Iconics
Android-Iconics - Use any icon font, or vector (.svg) as drawable in your application.
Stars: ✭ 4,916 (+55.13%)
Mutual labels:  material, google-material
Material Admin
Free Material Admin Template
Stars: ✭ 219 (-93.09%)
Mutual labels:  material, google-material
Mdb Ui Kit
Bootstrap 5 & Material Design 2.0 UI KIT
Stars: ✭ 21,830 (+588.86%)
Mutual labels:  material, bootstrap
Mui
Lightweight CSS framework
Stars: ✭ 4,462 (+40.8%)
Mutual labels:  material, google-material
Material Color
🔆 The colour palette, based on Google's Material Design, for use in your project.
Stars: ✭ 135 (-95.74%)
Mutual labels:  material, google-material
Primereact
The Most Complete React UI Component Library
Stars: ✭ 2,393 (-24.49%)
Mutual labels:  material, bootstrap

Material

Backers on Open Collective Sponsors on Open Collective

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

Feel free to check out our documentation site or let us know what you think at the Daemon Labs forum.

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.

Because these components will require additional markup (some may require additional JavaScript), they will be documented separately in Material's documentation.

🙏

This project exists thanks to all the people who contribute.

Backers

Thank you to all our backers! [Become a backer]

Sponsors

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

Content

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

We provide compiled CSS and JavaScript (material.*), as well as compiled and minified CSS and JavaScript (material.min.*). CSS and JavaScript source maps (material.*.map) are available for use with certain browsers' developer tools.

The Material source code download includes the precompiled CSS and JavaScript, along with documentation and source assets. More specifically, it includes the following and more:

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

Documentation

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

  1. Run through the tooling setup to install Jekyll and other Ruby dependencies with bundle install.
  2. Run npm install to install Node.js dependencies.
  3. Run npm run dist and npm run docs to rebuild distributed CSS and JavaScript files, as well as docs assets.
  4. From the root /daemonite-material directory, run npm run docs-serve in the command line.
  5. Open http://localhost:9999/material in your browser, and voilà.

Quick start

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].