Beauter is tiny ~6KB compressed, so faster. While still packed with all the required elements.
Beauter is based on BOL, an experimental Design Methodology which makes Beauter easy to mix match.
Beauter is a mobile first, responsive and modifies most of the default styles to guarantee same behavior everywhere.
Beauter is available under MIT License which allows you to use, modify and contribute as you want for Free.
Write HTML as you think...
To make myBar, a snackbar which is brown in color, looks like a box and has a shadow effect, which says Looks Cool!.
Then a button that when onclick, showsnackbar myBar, saying Click Here!
<div id="myBar" class="snackbar _brown _box _shadow">
Looks cool!
</div>
<button onclick="showsnackbar('myBar')">Click Here!</button>
You can download beauter directly from github here.
Or, you can other options:
https://rawgit.com/outboxcraft/beauter/master/beauter.min.css
JS:
https://rawgit.com/outboxcraft/beauter/master/beauter.min.js
npm install @outboxcraft/beauter
bower install beauter