PHPackages                             mg-code/yii2-assets - 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. [Utility & Helpers](/categories/utility)
4. /
5. mg-code/yii2-assets

ActiveYii2-extension[Utility & Helpers](/categories/utility)

mg-code/yii2-assets
===================

Yii2 asset collection of useful JavaScript libraries

1.2.0(8y ago)019.9k—4.4%3BSD 3-ClausePHP

Since Jun 14Pushed 7y ago1 watchersCompare

[ Source](https://github.com/mg-code/yii2-assets)[ Packagist](https://packagist.org/packages/mg-code/yii2-assets)[ Docs](https://github.com/mg-code/yii2-assets)[ RSS](/packages/mg-code-yii2-assets/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (3)Dependencies (1)Versions (4)Used By (3)

yii2-assets
===========

[](#yii2-assets)

Yii2 asset collection of useful JavaScript libraries.

Below are instructions how to use assets.

You must include dependencies in your composer.json for all assets (see [Assets](#assets) section) that you want to use. This is due to prevent loading dependency packages for assets that you don't need.

Assets:

- [Awesome Grid](#awesome-grid)
- [BxSlider](#bxslider)
- [History.js](#historyjs)
- [Intl.js](#intljs)
- [Ionicons](#ionicons)
- [jQuery.browser](#jquerybrowser)
- [jQuery Serialize Object](#jquery-serialize-object)
- [JavaScript Cookie](#javascript-cookie)
- [Sly](#sly)
- [Sticky](#sticky)
- [Owl Carousel](#owl-carousel)
- [Owl Carousel 2 Thumbnails](#owl-carousel-2-thumbnails)
- [Are You Sure?](#are-you-sure)
- [Bootstrap Tabdrop](#bootstrap-tabdrop)
- [Autobahn JS](#autobahn-js)
- [Seiyria Bootstrap Slider](#seiyria-bootstrap-slider)
- [Highcharts](#highcharts)
- [messageformat.js](#messageformatjs)
- [Fancybox](#fancybox)
- [Enhanced Events](#enhanced-events)
- [ReactJS](#reactjs)
- [Single Page Nav](#single-page-nav)
- [jQuery Easing](#jquery-easing)
- [CoreJS TypeAhead](#corejs-typeahead)
- [jQuery File Upload](#jquery-file-upload)

### Install

[](#install)

Either run

```
$ php composer.phar require mg-code/yii2-assets "@dev"

```

or add

```
"mg-code/yii2-assets": "@dev"

```

to the `require` section of your `composer.json` file.

### Install dependencies

[](#install-dependencies)

See [Assets](#assets) section, there are described what dependencies you need to include for every asset.

To add those dependencies either run

```
$ php composer.phar require vendorName/packageName "*"

```

or add

```
"vendorName/packageName": "*"

```

to the `require` section of your `composer.json` file.

### Usage

[](#usage)

There are two ways how to use assets.

Either register it in view.

```
\mgcode\assets\AwesomeGridAsset::register($this);
```

Either add it as dependency to your asset

```
namespace app\assets;
use yii\web\AssetBundle;

class MyAsset extends AssetBundle
{
    ...
    public $depends = [
        'mgcode\assets\AwesomeGridAsset',
    ];
}
```

Replace AwesomeGridAsset with desired asset. (See [Assets](#assets) section)

Assets
======

[](#assets)

### Awesome Grid

[](#awesome-grid)

Asset:

```
mgcode\assets\AwesomeGridAsset

```

Dependencies:

```
"bower-asset/awesome-grid": "*"

```

### BxSlider

[](#bxslider)

Assets:

```
mgcode\assets\BxSliderAsset
mgcode\assets\BxSliderPluginAsset

```

Dependencies:

```
"bower-asset/bxslider-4": "*"

```

### History.js

[](#historyjs)

Asset:

```
mgcode\assets\HistoryJsAsset

```

Dependencies:

```
"bower-asset/history.js": "*"

```

### Intl.js

[](#intljs)

Main asset:

```
mgcode\assets\IntlJsAsset

```

Locale Asset:

```
mgcode\assets\IntlJsLocaleAsset

```

By default `IntlJsLocaleAsset` uses locale defined in Formatter configuration. If you want to override it you can define it in application `params` section:

```
return [
    ..... application configuration ....
    'params' => [
        'intlJsLocale' => 'en-US',
        ...
    ]
];
```

Dependencies:

```
"bower-asset/intl": "*"

```

### Ionicons

[](#ionicons)

Asset:

```
mgcode\assets\IoniconsAsset

```

Dependencies:

```
"bower-asset/ionicons": "*"

```

### jQuery.browser

[](#jquerybrowser)

Asset:

```
mgcode\assets\JqueryBrowserAsset

```

Dependencies:

```
"bower-asset/jquery.browser": "*"

```

### jQuery Serialize Object

[](#jquery-serialize-object)

Asset:

```
mgcode\assets\JquerySerializeObjectAsset

```

Dependencies:

```
"bower-asset/jquery-serialize-object": "~2"

```

### JavaScript Cookie

[](#javascript-cookie)

Asset:

```
mgcode\assets\JsCookieAsset

```

Dependencies:

```
"bower-asset/js-cookie": "~2"

```

### Sly

[](#sly)

Asset:

```
mgcode\assets\SlyAsset

```

Dependencies:

```
"bower-asset/sly": "*"

```

### Sticky

[](#sticky)

Asset:

```
mgcode\assets\StickyAsset

```

Dependencies:

```
"bower-asset/sticky": "*"

```

### Owl Carousel

[](#owl-carousel)

Asset for JS && CSS files:

```
mgcode\assets\OwlCarouselAsset

```

Asset for JS file:

```
mgcode\assets\OwlCarouselScriptAsset

```

Dependencies:

```
"bower-asset/owl.carousel": "*"

```

### Owl Carousel 2 Thumbnails

[](#owl-carousel-2-thumbnails)

Asset for JS && CSS files:

```
mgcode\assets\OwlCarouselThumbsAsset

```

Dependencies:

```
"bower-asset/owl.carousel2.thumbs": "*"

```

### Are You Sure?

[](#are-you-sure)

Asset:

```
mgcode\assets\AreYouSureAsset

```

Dependencies:

```
"bower-asset/jquery.are-you-sure": "*"

```

### Bootstrap Tabdrop

[](#bootstrap-tabdrop)

Asset:

```
mgcode\assets\BootstrapTabdropAsset

```

### Autobahn JS

[](#autobahn-js)

0.8.2 is the last version of Autobahn|JS that supports version 1 of WAMP.

Please read documentation here: [http://autobahn.ws/js/reference\_wampv1.html](http://autobahn.ws/js/reference_wampv1.html)

Asset:

```
mgcode\assets\AutobahnJsAsset

```

### Seiyria Bootstrap Slider

[](#seiyria-bootstrap-slider)

Asset:

```
mgcode\assets\SeiyriaBootstrapSliderAsset

```

Dependencies:

```
"bower-asset/seiyria-bootstrap-slider": "9.*"

```

### Highcharts

[](#highcharts)

Asset:

```
mgcode\assets\HighchartsAsset

```

Dependencies:

```
"bower-asset/highcharts-release": "*"

```

### messageformat.js

[](#messageformatjs)

Asset:

```
mgcode\assets\MessageFormatAsset

```

Dependencies:

```
"bower-asset/messageformat": "*"

```

### Fancybox

[](#fancybox)

Asset:

```
mgcode\assets\FancyboxAsset

```

Dependencies:

```
"bower-asset/fancybox": "*"

```

### Enhanced Events

[](#enhanced-events)

Adds document scrollEnd event. Asset:

```
mgcode\assets\EnhancedEventsAsset

```

### ReactJS

[](#reactjs)

Asset:

```
mgcode\assets\ReactAsset
mgcode\assets\ReactDomAsset

```

Dependencies:

```
"bower-asset/react": "*"

```

### Single Page Nav

[](#single-page-nav)

Version 1.2.1 supported.

Asset:

```
mgcode\assets\SinglePageNavAsset

```

### jQuery Easing

[](#jquery-easing)

Asset:

```
mgcode\assets\JqueryEasingAsset

```

Dependencies:

```
"bower-asset/jquery-easing-original": "*"

```

### CoreJs TypeAhead

[](#corejs-typeahead)

Asset:

```
mgcode\assets\CoreJsTypeAheadAsset

```

Dependencies:

```
"bower-asset/corejs-typeahead": "*"

```

### jQuery File Upload

[](#jquery-file-upload)

Asset:

```
mgcode\assets\JqueryFileUploadAsset

```

Dependencies:

```
"bower-asset/blueimp-file-upload": "*"

```

###  Health Score

34

—

LowBetter than 75% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity25

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity65

Established project with proven stability

 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.

###  Release Activity

Cadence

Every ~266 days

Total

3

Last Release

3140d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1376496?v=4)[Māris Graudiņš](/maintainers/mg-code)[@mg-code](https://github.com/mg-code)

---

Top Contributors

[![mg-code](https://avatars.githubusercontent.com/u/1376496?v=4)](https://github.com/mg-code "mg-code (15 commits)")

---

Tags

yii2extensionassetsfancyboxtypeaheadhighchartsjquery-file-uploadreactjsstickyslyhistory.jsjQuery Easingintl.jsjs-cookieawesome-gridjquery.browserjquery-serialize-objectowl-carousel2jquery.are-you-suretabdropautobahn jsbootstrap sliderseiyria bootstrap slidermessageformat.jsSingle Page NavSinglePageNavCoreJS TypeAhead

### Embed Badge

![Health badge](/badges/mg-code-yii2-assets/health.svg)

```
[![Health](https://phpackages.com/badges/mg-code-yii2-assets/health.svg)](https://phpackages.com/packages/mg-code-yii2-assets)
```

###  Alternatives

[blacksmoke26/yii2cdn

A Yii Framework 2 component for using assets in different environments (Local/CDNs)

1412.5k](/packages/blacksmoke26-yii2cdn)

PHPackages © 2026

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