Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Radial HTML menu inspired by Path for iOS and Android.
JavaScript CSS
Tree: d0077a487d

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
README.md
circles.png
circles@2x.png
index.html
menu.js
style.css
texture.jpg
wood.jpg
wood@2x.jpg

README.md

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