Radial Menu Save

Radial HTML menu inspired by Path for iOS and Android.

Project README

Radial Menu

An HTML/CSS/JavaScript implementation of the lovely radial menu in the Path app.

See the demo (works best on Safari and Mobile Safari, Chrome does pretty well, Firefox is pretty blah, and don't bother with android.)

Markup

Adapts to the number of links you have in your menu.

<nav>
  <ul>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
  </ul>
</nav>

Configure the radius and the degrees to be used for the arc.

var m = new Menu(document.querySelector('nav'), {
  radius: 130,
  degrees: 90,
  offset: -90
});
Open Source Agenda is not affiliated with "Radial Menu" Project. README Source: beaucollins/radial-menu
Stars
141
Open Issues
0
Last Commit
10 years ago
License
MIT

Open Source Agenda Badge

Open Source Agenda Rating