![require(esm) Backported to Node.js 20, Paving the Way for ESM-Only Packages](https://cdn.sanity.io/images/cgdhsj6q/production/be8ab80c8efa5907bc341c6fefe9aa20d239d890-1600x1097.png?w=400&fit=max&auto=format)
Security News
require(esm) Backported to Node.js 20, Paving the Way for ESM-Only Packages
require(esm) backported to Node.js 20, easing the transition to ESM-only packages and reducing complexity for developers as Node 18 nears end-of-life.
blooming-menu
Advanced tools
A configurable and animated radial menu. BloomingMenu is a port of AwesomeMenu for the web.
You can install through npm and use browserify to make it run on the browser.
npm install --save blooming-menu
Or just download the minified version here.
Create a new BloomingMenu
object:
var menu = new BloomingMenu({
itensNum: 8
})
Render it:
menu.render()
And now you can attach event listeners to the itens of the menu, just like a regular DOM element.
menu.props.elements.itens.forEach(function (item, index) {
item.addEventListener('click', function () {
console.log('Item #' + index + 'was clicked')
})
})
new BloomingMenu(opts)
Options object passed on instantiation time, e.g.:
var menu = new BloomingMenu({
startAngle: 60,
endAngle: 0
})
opts.itensNum
Number
opts.startAngle
Number
90
opts.endAngle
Number
0
opts.radius
Number
80
opts.itemAnimationDelay
Number
0.04
opts.animationDuration
Number
0.4
opts.fatherElement
HTMLElement
document.body
opts.itemWidth
Number
opts.CSSClassPrefix
String
'blooming-menu__'
opts.mainContent
String
'+'
opts.injectBaseCSS
Boolean
true
Every method below is an instance method.
render
Attachs the instance to the DOM and binds all event listeners.
remove
Removes all DOM elements and event listeners.
open
Opens the menu programmatically.
close
Closes the menu programmatically.
selectItem(num)
Select programatically the num
item of the menu.
![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|
Latest ✔ | Latest ✔ | 9+ ✔ | Latest ✔ | 8.0+ ✔ |
FAQs
A configurable and animated radial menu for the web
The npm package blooming-menu receives a total of 21 weekly downloads. As such, blooming-menu popularity was classified as not popular.
We found that blooming-menu demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
require(esm) backported to Node.js 20, easing the transition to ESM-only packages and reducing complexity for developers as Node 18 nears end-of-life.
Security News
PyPI now supports iOS and Android wheels, making it easier for Python developers to distribute mobile packages.
Security News
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.