Pie Menu Generator
Settings
Items
Slice
Spreader
Marker
Clockwise
Icon
Rotate
Partial
Splash
Tooltips
(Click a dot to set orientation.)
Generated code
The radial menu above is based on SVG, but you don't need worry about the SVG content. The three code snippets below produce this.
HTML
JavaScript
CSS
(Click the scissors to select all source code.)
The way to use
Download
Generated circular menu works with
wheelnav.js
. Download all required files and a template html from
here
.
Copy
Copy generated code to template html.
Customize
If you want further settings please visit the
documentation
.
Find it useful?
Tweet about it
Buy me a
coffee
beer
Star for it
×
Changelog
v1.3 - 2015.12.09
It uses
hybicon.js
in Useful section.
v1.2 - 2015.10.29
Icon can be image
Dynamic icon size
Switch to wheelnav.js v1.6.1
v1.1 - 2015.05.09
Generated pie menu now responsive
Switch to wheelnav.js v1.5.4
v1.0 - 2015.04.16
Initial release