materialize

Materialize is a responsive front-end framework based on Material Design guidelines. It facilitates the implementation of modern and flexible designs in websites. The library offers a range of CSS and JavaScript-based components for quick user interface development.

Latest Ver 1.0.0

Homepage

Github

38,878

📢 Materialize is a web development framework based on Material Design.

CDN Download

License: MIT

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.js

https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js

https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.css

https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<button class="btn waves-effect waves-light" name="action" type="submit">Submit
    <i class="material-icons right">send</i>
</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

🎨 External CSS
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet">

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>