Melt CSS Framework
A minimal, scalable design framework with powerful theming and jQuery-like JavaScript
🎨 7 Themes
Switch between default, dark, royal, bootstrap, material, apple, and glass themes instantly
âš¡ Lightweight
Minimal CSS and jQuery-like JavaScript with zero dependencies
🔧 Scalable
Dynamic sizing system (sm, md, lg, xl) for all components
Quick Example
<!-- Add Melt CSS -->
<link rel="stylesheet" href="assets/melt.css"> <script src="assets/melt.js"></script>
<!-- Set theme -->
<body theme="dark"> <button class="btn btn-primary">Click Me</button> </body>
<script>
$('.btn').click(() => alert('Hello Melt!')); </script>
<link rel="stylesheet" href="assets/melt.css"> <script src="assets/melt.js"></script>
<!-- Set theme -->
<body theme="dark"> <button class="btn btn-primary">Click Me</button> </body>
<script>
$('.btn').click(() => alert('Hello Melt!')); </script>
Default
Dark
Royal
Bootstrap
Material
Apple
Glass