Office 2010 Style Ribbon Toolbar in HTML/CSS/JS

Office 2010 Ribbon toolbar that can be used in any website. It is written in HTML, CSS, and JS.

Try a demo at
http://okgodoit.com/ribbon/

watch the video


Some highlights:

• Light (silver) and dark (black) themes
• 2010-style Backstage feature (optional)
• 2 button sizes
• Buttons can have a disabled state
• Tabs, sections, and buttons can all have custom HTML (such as bold or entities) in their titles
• Optional hot and disabled icon states
• Full HTML in ScreenTip (tooltip) supported.

So far I’ve tested it in Chrome, Firefox, Safari, and IE 8+. I’m still working on IE 7 compatibility, and I haven’t tested it on Opera. It uses the jQuery framework.

URL : http://rogerpincombe.com/ribbon

Download the source from http://okgodoit.com/ribbon/ribbon.zip.