Skip to content
Radial HTML menu inspired by Path for iOS and Android.
JavaScript CSS
Find file
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.