SkillAgentSearch skills...

Materialstyle

Restyle Bootstrap with Material Style - A Material Design UI Library based on Bootstrap.

Install / Use

/learn @materialstyle/Materialstyle

README

<p align="center"> <a href="https://materialstyle.github.io/"> <img src="https://materialstyle.github.io/assets/images/MSIconNewColorV2.svg" alt="Material Style logo" width="100" height="100"> </a> </p> <h3 align="center">Material Style</h3> <p align="center"> A Material Design UI Library based on Bootstrap. </p> <div align="center">

npm version

</div>

Table of contents

Components

https://materialstyle.github.io/materialstyle/3.1/components/alert/

Getting Started

https://materialstyle.github.io/materialstyle/3.1/getting-started/installation/

Bugs and feature requests

Have a bug or a feature request? Please read the issue guidelines and search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

Documentation

Material Style's documentation, included in this repo in the root directory, is built with Hugo and publicly hosted on GitHub Pages at https://materialstyle.github.io/. The docs may also be run locally.

Running documentation locally

  1. Run npm install to install the Node.js dependencies, including Hugo (the site builder).
  2. From the root /materialstyle directory, run npm run docs-serve in the command line.
  3. Open http://localhost:9001/materialstyle in your browser, and voilà.

Learn more about using Hugo by reading its documentation.

Contributing

Please read through our contributing guidelines. Included are directions for opening issues, coding standards, and notes on development.

Moreover, if your pull request contains JavaScript patches or features, you must include relevant unit tests. All HTML and CSS should conform to the Code Guide, maintained by Mark Otto.

Editor preferences are available in the editor config for easy use in common text editors. Read more and download plugins at https://editorconfig.org/.

Creator

Neeraj Kumar Das

A Big Thanks

<p align="center"> <a href="https://getbootstrap.com/"> <img src="https://getbootstrap.com/docs/5.1/assets/brand/bootstrap-logo.svg" width="50"> </a> </p> <p align="center"> Material Style is built using <a href="https://getbootstrap.com/">Bootstrap</a>. </p>

<br><br>

<p align="center"> <a href="https://browserstack.com/"> <img src="https://materialstyle.github.io/assets/images/browserstack-logo.svg" alt="BrowserStack" width="50"> </a> </p> <p align="center"> Browser testing is powered by <a href="https://browserstack.com/">BrowserStack</a>. </p>

<br><br>

<p align="center"> <a href="https://netlify.com/"> <img src="https://netlify.com/v3/img/components/logomark.svg" alt="Netlify" width="50"> </a> </p> <p align="center"> <a href="https://netlify.com/">Netlify</a> provides us with Deploy Previews. </p>

<br><br>

<p align="center"> <a href="https://www.algolia.com/"> <img src="https://materialstyle.github.io/assets/images/Algolia-mark-blue.svg" alt="Algolia" width="50"> </a> </p> <p align="center"> Doc search is powered by <a href="https://algolia.com/">Algolia</a>. </p>

<br><br>

<p align="center"> <a href="https://pages.github.com/"> <img src="https://materialstyle.github.io/assets/images/github-mark-white.svg" alt="GitHub Pages" width="50"> </a> </p> <p align="center"> Material Style is hosted on <a href="https://pages.github.com/">GitHub Pages</a>. </p>
View on GitHub
GitHub Stars45
CategoryDesign
Updated21d ago
Forks1

Languages

JavaScript

Security Score

95/100

Audited on Mar 19, 2026

No findings