PHPackages                             sammaye/yii2-qtip - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Framework](/categories/framework)
4. /
5. sammaye/yii2-qtip

ActiveYii2-extension[Framework](/categories/framework)

sammaye/yii2-qtip
=================

qtip plugin for the Yii2 framework

240.1k↓33.3%41JavaScript

Since Mar 25Pushed 12y ago2 watchersCompare

[ Source](https://github.com/Sammaye/yii2-qtip)[ Packagist](https://packagist.org/packages/sammaye/yii2-qtip)[ RSS](/packages/sammaye-yii2-qtip/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (1)

yii2-qtip
=========

[](#yii2-qtip)

A Yii2 qtip Plugin:

This plugin currently deals with hooking qtip onto elements.

Usage of this plugin is really simple. Let's take an example:

```
\sammaye\qtip\Qtip::widget([
    'hook' => '.what_does_this_mean',
    'content' => [
        'text' => new JsExpression("function(api){
            var caption = $(this).data('caption');
            return ''+caption+'';
        }")
    ],
    'style' => [ 'classes' => 'ui-tooltip-shadow ui-tooltip-light' ],
    'position' => [
        'my' => 'bottom center',
        'at' => 'top center'
    ]
]);

```

Now there are in reality only two widget properties, one being `hook` and the other being `options`. All of the other properties you see here such as `content`, `style` and `position`are all being magically added to the `options` property to be JSON encoded directly into the qtip plugins constructor in JavaScript.

This means that in order to understand how to use this plugin you only need to know what `hook` is. `hook` denotes the element for which a tooltip will appear for. An example of this would be:

```
Details

```

This would make it so that a tooltip containing the `data-caption` content would appear when the user hovers over this link, essentially this example in JS would be (and the plugin echos):

```
$('.what_does_this_mean').qtip({
    "content":{
        "text":function(api){
            var caption = $(this).data('caption');
            return ''+caption+'';
         }
    },
    "style":{
       "classes":"ui-tooltip-shadow ui-tooltip-light"
    },
    "position":{"my":"bottom center","at":"top center"}
});

```

On how to use all the components of this plugin (due to its transparent nature) please refer to the qtip documentation: [here](http://qtip2.com/api).

Please file all issues on [GitHub issues](https://github.com/Sammaye/yii2-qtip/issues).

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity30

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/7357836d822160350576f98b85244f4d5f960be303a2fcaa15a330187966cbd4?d=identicon)[Sammaye](/maintainers/Sammaye)

---

Top Contributors

[![Sammaye](https://avatars.githubusercontent.com/u/323996?v=4)](https://github.com/Sammaye "Sammaye (8 commits)")

### Embed Badge

![Health badge](/badges/sammaye-yii2-qtip/health.svg)

```
[![Health](https://phpackages.com/badges/sammaye-yii2-qtip/health.svg)](https://phpackages.com/packages/sammaye-yii2-qtip)
```

###  Alternatives

[laravel/passport

Laravel Passport provides OAuth2 server support to Laravel.

3.4k85.0M532](/packages/laravel-passport)[nolimits4web/swiper

Most modern mobile touch slider and framework with hardware accelerated transitions

41.8k177.2k1](/packages/nolimits4web-swiper)[laravel/dusk

Laravel Dusk provides simple end-to-end testing and browser automation.

1.9k36.7M259](/packages/laravel-dusk)[laravel/prompts

Add beautiful and user-friendly forms to your command-line applications.

712181.8M596](/packages/laravel-prompts)[cakephp/chronos

A simple API extension for DateTime.

1.4k47.7M121](/packages/cakephp-chronos)[laravel/pail

Easily delve into your Laravel application's log files directly from the command line.

91545.3M590](/packages/laravel-pail)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)