Tippy.js is a JavaScript tooltip library and interactive popup framework used to create tooltips, popovers, and dropdowns. It functions as a floating UI component toolkit that renders content relative to a reference element with support for automatic positioning, flip-positioning, and offsets. The library acts as an accessible overlay manager, using ARIA attributes and focus management to ensure screen reader compatibility. It also serves as a CSS animation tool, providing utilities for transitions, spring physics, and themes to manage the visual entry and exit of floating interface elements.
react-joyride is a user onboarding library for React applications used to create interactive guided tours and walkthroughs. It provides a framework for defining sequences of tooltips and beacons that highlight specific user interface elements to introduce users to application features. The library distinguishes itself through a programmatic controller that allows developers to manage tour state, navigation, and lifecycle events via external application logic. It supports a high degree of visual extensibility, allowing the replacement of default tooltips and beacons with custom components to m
Floating UI is a JavaScript positioning library and layout engine designed to calculate the exact coordinates for floating interface elements such as tooltips, popovers, and dropdowns. It functions as a floating element orchestrator that ensures these components remain visible and aligned relative to a reference element. The library features a platform-abstraction layer that decouples positioning logic from the document object model. This allows the engine to support both standard web environments and non-DOM targets, including canvas or graphics buffers, through custom coordinate and measure
Cobe is a WebGL globe library designed for interactive 3D geographic data visualization. It functions as a canvas-based map component that renders a world map, allowing for the plotting of latitude and longitude coordinates via markers and connecting arcs. The library distinguishes itself by linking standard HTML elements to 3D coordinates using CSS anchor positioning. This integration enables the attachment of DOM elements, such as labels and tooltips, directly to markers and arcs on the sphere. The system covers geographic data plotting and network connection mapping, utilizing automated r
Tether is a DOM positioning engine designed to anchor floating user interface elements, such as tooltips and dropdowns, to target elements. It functions as a logic engine for managing the placement of overlays and synchronizing the position of secondary elements relative to primary anchors.
The main features of shipshapecode/tether are: Floating Element Positioning, Context Overflow Prevention, Anchor Attachments, Viewport Overflow Prevention, Responsive Position Updates, Dynamic Geometry Tracking, Coordinate Space Mapping, Element Anchoring.
Open-source alternatives to shipshapecode/tether include: atomiks/tippyjs — Tippy.js is a JavaScript tooltip library and interactive popup framework used to create tooltips, popovers, and… gilbarbara/react-joyride — react-joyride is a user onboarding library for React applications used to create interactive guided tours and… floating-ui/floating-ui — Floating UI is a JavaScript positioning library and layout engine designed to calculate the exact coordinates for… shuding/cobe — Cobe is a WebGL globe library designed for interactive 3D geographic data visualization. It functions as a… junixapp/xpopup — XPopup is an Android popup UI framework and overlay component library used to build customizable dialogs, bottom… cosscom/coss — Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a…