Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

32 lines (22 sloc) 0.641 kB

Radial Menu

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

See the demo (requires a webkit browser)

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
});
Jump to Line
Something went wrong with that request. Please try again.