tippyjs
clicky-menus
Our great sponsors
| tippyjs | clicky-menus | |
|---|---|---|
| 1 | 1 | |
| 11,649 | 89 | |
| - | - | |
| 0.0 | 4.9 | |
| 9 days ago | 6 months ago | |
| JavaScript | JavaScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
tippyjs
-
Do you use UI component libraries like TailwindUI?
For this I would install a package like tippy.js, and I have done so before.
clicky-menus
-
In Praise of the Unambiguous Click Menu
> Since click menus require JavaScript, we should consider how this menu can be progressively enhanced in case JavaScript fails for any reason. Our classic hover CSS trick is still good for something after all!
Yet the demo linked to in the article[0] doesn't work w/out js at time of writing. The article makes me want to buy in, but the lack of non-js implementation seems awkward.
I make css hover dropdown menus a la "Setup 2" in the article's diagram, ie: the drop down top level nav item is not clickable, but expands on hover and keyboard navigation.
I personally prefer one less effort. A mouse click is always a mouse hover first.
[0] https://github.com/mrwweb/clicky-menus
What are some alternatives?
floating-ui - A JavaScript library to position floating elements and create interactions for them.
strapi-plugin-navigation - A plugin for Strapi Headless CMS that provides navigation / menu builder feature with their possibility to control the audience and different output structure renderers like (flat, tree and RFR - ready for handling by Redux First Router)
downshift 🏎 - 🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
react-popper - 🍿⚛Official React library to use Popper, the positioning library
Semantic UI - Semantic is a UI component framework based around useful principles from natural language.
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
bootstrap-select - :rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.
Slide and swipe - :zap: A sliding swipe menu that works with touchSwipe library.
sprae - ∴ DOM tree microhydration
react-layer-stack - Layering system for React. Useful for popover/modals/tooltip/dnd application