materialize

Materialize는 Material Design 지침을 따르는 반응형 프론트엔드 프레임워크입니다. 이 라이브러리를 사용하면 웹사이트에서 현대적이고 유연한 디자인을 쉽게 구현할 수 있습니다. CSS와 JavaScript 기반의 컴포넌트를 제공하여 사용자 인터페이스를 빠르게 개발할 수 있습니다.

Latest Ver 1.0.0

Homepage

Github

38,878

📢 Materialize는 Material Design을 기반으로 하는 웹 개발용 프레임워크입니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

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

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 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>