Ribbon JS

HTML5, CSS3 and JavaScript Ribbon Bar. State-of-the-art UI. By Martin Ivanov.

Creating Collapsed Ribbons

Stepping away from jQuery? Try VueRibbon, built on top of Vue and ES6.

You could use the API of Ribbon JS to create ribbons, which are collapsed by default. Check the code for this example.

Use this document as a complete copy/paste reference for a ribbon configuration.

More Ribbon JS Demos

Check the rest of the demos. There's much more cool stuff you haven't seen yet. Thinking of a feature that you would like to see in Ribbon JS? Suggest it here and it will make it in the next release.