Tippyjs

swissup/module-tippyjs

Integrates the Tippy.js library into Magento 2. Enables tooltips on elements with the `title` attribute using Tippy.js.

Strict checks passPHPStan level 9Build passingTrusted vendorSemVer compliant

Supported Magento versions: 2.4.9

341,395 installs★ 3 starsLatest: v6.0.1Released 2021-06-02License: MIT

composer require swissup/module-tippyjs

README

Reproduced from the package’s own README, under its own license, as of 2026-09-13. Links and images point back at the source repository.

Tippyjs

Tippyjs - is a Magento2 module that integrates Tippy library into Magento.

Installation

composer require swissup/module-tippyjs
bin/magento setup:upgrade

Usage

Basic example:

require(['tippy'], function (tippy) {
    // Tippify all titled elements
    tippy('[title]');
});

See all available options at official site: https://atomiks.github.io/tippyjs/v6/all-props/

Advanced example (works for dynamically added elements):

require([
    'Magento_Ui/js/lib/view/utils/async',
    'tippy'
], function ($, tippy) {
    $.async('[title]', function (el) {
        tippy(el);
    });
});

Links

More from swissup

  • Breeze

    A Magento 2 extension that replaces Luma's js stack with its own implementation.

  • Codemirror

    Integrates the CodeMirror code editor into Magento 2 admin. Provides form elements for UI components and frontend models for system configuration.

  • Marketplace

    Magento modules and themes CLI/GUI downloader and installer

Similar modules

  • AvS_ScopeHint

    This extension displays a hint when a configuration value is overwritten on a lower scope (website or store view).

  • Emailtester2

    Allows admins to test Magento 2 email sending. Helps verify email configuration and delivery.

  • Whoops

    Adds Whoops error handling to Magento 2 for improved debugging. Provides detailed error reports to assist developers in identifying and resolving issues.

← All packages from swissup