You can see a live demo of this plugin here.
Add the .waffle
class to any ul
or ol
that you'd like to turn into a waffler.
<ul class="waffle">
<li class="red">Item 1</li>
<li class="orange">Item 2</li>
<li class="yellow">Item 3</li>
<li class="green">Item 4</li>
<li class="blue">Item 5</li>
<li class="purple">Item 6</li>
</ul>
$(document).waffler();
This plugin is available under the MIT license.