awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
shipshapecode avatar

shipshapecode/tether

0
View on GitHub↗
8,489 stars·724 forks·JavaScript·MIT·14 viewstetherjs.dev/docs/welcome↗

Tether

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 system includes collision detection and overflow prevention to ensure that floating menus and overlays remain within the visible viewport. It automatically repositions elements when they encounter page boundaries to prevent visual clipping.

The tool manages dynamic element alignment and tracking during window resizing and scrolling. It utilizes coordinate-space mapping and bounding-box constraints to maintain consistent relative positioning between tethered elements regardless of document structure.

Features

  • Floating Element Positioning - Functions as a geometric calculation engine for positioning overlays relative to target elements.
  • Context Overflow Prevention - Automatically repositions elements against page boundaries to prevent visual clipping.
  • Anchor Attachments - Links floating UI elements to targets using specific attachment points and DOM references.
  • Viewport Overflow Prevention - Automatically repositions floating interface elements to ensure they remain fully visible and do not clip outside screen edges.
  • Responsive Position Updates - Triggers recalculations of coordinates in response to window resize and scroll events to maintain alignment.
  • Dynamic Geometry Tracking - Moves a secondary element in sync with a target element during scrolls and window events.
  • Coordinate Space Mapping - Translates relative element offsets into absolute screen coordinates for precise overlay placement.
  • Element Anchoring - Binds floating UI components to specific DOM elements as anchors.
  • Collision Detection - Provides mechanisms to prevent UI elements from overlapping or clipping outside viewport boundaries.
  • Dynamic Alignment Engines - Maintains element alignment and spacing dynamically based on container state and window resizing.
  • Movement Constraints - Limits the movement of tethered elements within a specific bounding box via boundary clamping.
  • Floating Menus - Manages floating dropdowns and pop-up menus that track target elements.
  • Movement Boundary Constraints - Implements logic for clamping the position of UI elements within specified boundary dimensions.
  • Overlay Management - Manages the placement and visibility of dynamic interface layers and popups.

Star history

Star history chart for shipshapecode/tetherStar history chart for shipshapecode/tether

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Tether

Similar open-source projects, ranked by how many features they share with Tether.
  • atomiks/tippyjsatomiks avatar

    atomiks/tippyjs

    12,270View on GitHub↗

    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.

    JavaScriptcomboboxdropdownmenu
    View on GitHub↗12,270
  • gilbarbara/react-joyridegilbarbara avatar

    gilbarbara/react-joyride

    7,588View on GitHub↗

    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

    TypeScriptjoyridereactreact-component
    View on GitHub↗7,588
  • floating-ui/floating-uifloating-ui avatar

    floating-ui/floating-ui

    32,629View on GitHub↗

    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

    TypeScriptdropdownhacktoberfestpopover
    View on GitHub↗32,629
  • shuding/cobeshuding avatar

    shuding/cobe

    5,407View on GitHub↗

    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

    TypeScriptglobewebgl
    View on GitHub↗5,407
See all 30 alternatives to Tether→

Frequently asked questions

What does shipshapecode/tether do?

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.

What are the main features of shipshapecode/tether?

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.

What are some open-source alternatives to shipshapecode/tether?

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…