PHPackages grozzzny/depends - 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. grozzzny/depends ActiveYii2-extension[Utility & Helpers](/categories/utility) grozzzny/depends ================ Depends for Yii2 32.7k[1 PRs](https://github.com/grozzzny/depends/pulls)JavaScript Since Apr 16Pushed 5y ago1 watchersCompare [ Source](https://github.com/grozzzny/depends)[ Packagist](https://packagist.org/packages/grozzzny/depends)[ RSS](/packages/grozzzny-depends/feed)WikiDiscussions master Synced 1mo ago READMEChangelogDependenciesVersions (2)Used By (0) Depends for Yii2 ================ [](#depends-for-yii2) Installation guide ------------------ [](#installation-guide) ``` $ php composer.phar require grozzzny/depends "dev-master" ``` or ``` $ composer require grozzzny/depends "dev-master" ``` or composer.json: ``` "require": { "grozzzny/depends": "dev-master" } ``` File AppAsset.php ----------------- [](#file-appassetphp) ``` class AppAsset extends \yii\web\AssetBundle { .. public $depends = [ 'grozzzny\depends\glyphicon\GlyphiconAsset', 'grozzzny\depends\bootstrap4\Bootstrap4Asset', 'grozzzny\depends\bootstrap4\Bootstrap4PluginAsset', 'grozzzny\depends\mdbootstrap\MDBootstrapAsset', 'grozzzny\depends\mdbootstrap\MDBootstrapPluginAsset', 'grozzzny\depends\checkbox_theme\CheckboxThemeAsset', 'grozzzny\depends\responsive_tables\ResponsiveTablesAsset', 'grozzzny\depends\froala\FroalaAsset', 'grozzzny\depends\jssocials\JssocialsAsset', 'grozzzny\depends\morris\MorrisAsset', 'grozzzny\depends\highlight\HighlightAsset', 'grozzzny\depends\waves\WavesAsset', 'grozzzny\depends\cropper\CropperAsset', 'grozzzny\depends\jarallax\JarallaxAsset', 'grozzzny\depends\fontawesome5\FontAwesome5Asset', 'grozzzny\depends\popper\PopperAsset', 'grozzzny\depends\tether\TetherAsset', 'grozzzny\depends\bxslider\BxsliderAsset', 'grozzzny\depends\flexslider\FlexsliderAsset', 'grozzzny\depends\font_awesome\FontAwesomeAsset', 'grozzzny\depends\jquery_migrate\JqueryMigrateAsset', 'grozzzny\depends\jquery_ui\JqueryUiAsset', 'grozzzny\depends\masonry\MasonryAsset', 'grozzzny\depends\modernizr\ModernizrAsset', 'grozzzny\depends\nested\NestedAsset', 'grozzzny\depends\notify\NotifyAsset', 'grozzzny\depends\stellar\StellarAsset', 'grozzzny\depends\owl_carousel\OwlAsset', 'grozzzny\depends\parallax\ParallaxAsset', 'grozzzny\depends\scrollreveal\ScrollRevalAsset', 'grozzzny\depends\smoothscroll\SmoothscrollAsset', 'grozzzny\depends\waypoints\WaypointsAsset', 'grozzzny\depends\wow_animations\WowAnimationsAsset', 'grozzzny\depends\gmap\GmapAsset', 'grozzzny\depends\swiper\SwiperAsset', 'grozzzny\depends\fancybox\FancyboxAsset', 'grozzzny\depends\sticky\StickyAsset', 'grozzzny\depends\cookie\CookieAsset', 'grozzzny\depends\toastr\ToastrAsset', 'grozzzny\depends\sweetalert\SweetalertAsset', 'grozzzny\depends\eonasdan\EonasdanBootstrapDatetimepickerAsset', 'grozzzny\depends\threejs\ThreejsAsset', 'grozzzny\depends\wagerfield_parallax\WagerfieldParallaxAsset', 'grozzzny\depends\countdown\CountdownAsset', 'grozzzny\depends\bootstrap_datepicker\BootstrapDatepickerAsset', 'grozzzny\depends\easing\EasingAsset', 'grozzzny\depends\aos\AosAsset', 'grozzzny\depends\icomoon\IcomoonAsset', ]; ... } ``` --- ### Checkbox theme [](#checkbox-theme) Checkbox with one tag without js. [Checkbox theme](https://pr-kenig.ru/blog/view/checkbox-theme) ``` grozzzny\depends\checkbox_theme\CheckboxThemeAsset ``` --- ### Aos [](#aos) Animate On Scroll Library [aos](https://michalsnik.github.io/aos/) ``` grozzzny\depends\aos\AosAsset ``` --- ### Icomoon [](#icomoon) Icons [Icomoon](https://icomoon.io/#preview-free) ``` grozzzny\depends\icomoon\IcomoonAsset ``` --- ### Glyphicon icons [](#glyphicon-icons) Icons [Glyphicon icons](https://getbootstrap.com/docs/3.3/components/) ``` grozzzny\depends\glyphicon\GlyphiconAsset ``` --- ### Easing [](#easing) [jQuery Easing v1.3](http://gsgd.co.uk/sandbox/jquery/easing/) ``` grozzzny\depends\easing\EasingAsset ``` --- ### Countdown [](#countdown) Countdown. [jQuery.countdown](http://hilios.github.io/jQuery.countdown/) ``` grozzzny\depends\countdown\CountdownAsset ``` --- ### Bootstrap Datepicker [](#bootstrap-datepicker) Datepicker. [bootstrap-datepicker](https://github.com/eternicode/bootstrap-datepicker) ``` grozzzny\depends\bootstrap_datepicker\BootstrapDatepickerAsset ``` --- ### froala [](#froala) Beautiful Javascript web editor that's easy to integrate for developers and your users will simply fall in love with its clean design. [HTML Editor](https://www.froala.com/wysiwyg-editor) ``` grozzzny\depends\froala\FroalaAsset ``` --- ### morris.js [](#morrisjs) good-looking charts shouldn't be difficult. [morris.js](http://morrisjs.github.io/morris.js/) ``` grozzzny\depends\morris\MorrisAsset ``` --- ### Social Network Sharing Plugin [](#social-network-sharing-plugin) jsSocials is a simple social network sharing jQuery plugin. It's flexible and easily extensible. Configure visual appearance. Choose one of several themes provided. Add any yet unsupported social network if needed. [jsSocials](http://js-socials.com) ``` grozzzny\depends\jssocials\JssocialsAsset ``` ``` $("#share").jsSocials({ shares: ["email", "twitter", "facebook", "googleplus", "linkedin", "pinterest", "stumbleupon", "whatsapp"] }); ``` --- ### highlight.js [](#highlightjs) Syntax highlighting for the Web [highlight.js](https://highlightjs.org/) ``` grozzzny\depends\highlight\HighlightAsset ``` ``` hljs.initHighlightingOnLoad(); ``` --- ### Click effect inspired by Google's Material Design [](#click-effect-inspired-by-googles-material-design) Click effect inspired by Google's Material Design. ``` grozzzny\depends\waves\WavesAsset ``` --- ### Responsive Tables [](#responsive-tables) This is an experimental awesome solution for responsive tables with complex data. [Responsive Tables](http://gergeo.se/RWD-Table-Patterns/#how-to-use) ``` grozzzny\depends\responsive_tables\ResponsiveTablesAsset ``` --- ### Cropper.js [](#cropperjs) JavaScript image cropper. [Cropper.js](http://fengyuanchen.github.io/cropperjs/) ``` grozzzny\depends\cropper\CropperAsset ``` --- ### Jarallax [](#jarallax) Smooth parallax scrolling effect for background images using CSS transforms with graceful degradation for old browsers. [Jarallax](https://free.nkdev.info/jarallax/) ``` grozzzny\depends\jarallax\JarallaxAsset ``` --- ### three.js [](#threejs) The goal of this section is to give a brief introduction to three.js. [three.js](https://threejs.org) ``` grozzzny\depends\threejs\ThreejsAsset ``` --- ### Material Design for Bootstrap 4 [](#material-design-for-bootstrap-4) World's most popular framework for building responsive, mobile-first websites and apps. ``` grozzzny\depends\mdbootstrap\MDBootstrapAsset grozzzny\depends\mdbootstrap\MDBootstrapPluginAsset ``` --- ### EonasdanBootstrapDatetimepickerAsset [](#eonasdanbootstrapdatetimepickerasset) Bootstrap 3 Datepicker v4 Docs [Datepicker](http://eonasdan.github.io/bootstrap-datetimepicker/) ``` grozzzny\depends\eonasdan\EonasdanBootstrapDatetimepickerAsset ``` ``` $(function () { $('#datetimepicker1').datetimepicker(); }); ``` --- ### Sweetalert [](#sweetalert) A beautiful replacement for success messages, error messages [Sweetalert](https://sweetalert.js.org/guides/) ``` grozzzny\depends\sweetalert\SweetalertAsset ``` ``` swal({ title: "Удалить данный блок?", text: "You will not be able to recover this imaginary file!", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Да, удалить!", closeOnConfirm: false }, function () { swal("Deleted!", "Your imaginary file has been deleted.", "success"); }); ``` --- ### Toastr [](#toastr) toastr is a Javascript library for non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended. [Toastr](https://github.com/CodeSeven/toastr) ``` grozzzny\depends\toastr\ToastrAsset ``` ``` // Display a warning toast, with no title toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!') // Display a success toast, with a title toastr.success('Have fun storming the castle!', 'Miracle Max Says') // Display an error toast, with a title toastr.error('I do not think that word means what you think it means.', 'Inconceivable!') // Immediately remove current toasts without using animation toastr.remove() // Remove current toasts using animation toastr.clear() // Override global options toastr.success('We do have the Kapua suite available.', 'Turtle Bay Resort', {timeOut: 5000}) ``` --- ### Bootstrap v4 [](#bootstrap-v4) Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web. [bootstrap v4](https://getbootstrap.com/) ``` grozzzny\depends\bootstrap4\Bootstrap4Asset grozzzny\depends\bootstrap4\Bootstrap4PluginAsset ``` --- ### POPPER.JS [](#popperjs) A kickass library used to manage poppers in web applications [POPPER.JS](https://popper.js.org/) ``` grozzzny\depends\popper\PopperAsset ``` --- ### Font Awesome 5 [](#font-awesome-5) Get vector icons and social logos on your website with Font Awesome, the web’s most popular icon set and toolkit. [Font Awesome 5](https://fontawesome.com/) ``` grozzzny\depends\fontawesome5\FontAwesome5Asset ``` --- ### Tether [](#tether) A positioning engine to make overlays, tooltips and dropdowns better #hubspot-open-source [tether](https://github.com/HubSpot/tether) ``` grozzzny\depends\tether\TetherAsset ``` --- ### bxSlider [](#bxslider) The Responsive jQuery Content Slider [bxSlider](http://bxslider.com/) ``` grozzzny\depends\bxslider\BxsliderAsset ``` --- ### FlexSlider [](#flexslider) An awesome, fully responsive jQuery slider toolkit [FlexSlider](https://woocommerce.com/flexslider/) ``` grozzzny\depends\flexslider\FlexsliderAsset ``` --- ### Font Awesome [](#font-awesome) Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS [Font Awesome](http://fontawesome.io/) ``` grozzzny\depends\font_awesome\FontAwesomeAsset ``` --- ### Jquery migrate 3.x [](#jquery-migrate-3x) Upgrade the version of jQuery on the page to the latest 3.0 version (currently 3.0.0) and add the uncompressed [Jquery migrate 3.x](http://jquery.com/upgrade-guide/3.0/) ``` grozzzny\depends\jquery_migrate\JqueryMigrateAsset ``` --- ### Masonry [](#masonry) Cascading grid layout library [Masonry](https://masonry.desandro.com/) ``` grozzzny\depends\masonry\MasonryAsset ``` --- ### Modernizr [](#modernizr) Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. [Modernizr](https://github.com/Modernizr/Modernizr) ``` grozzzny\depends\modernizr\ModernizrAsset ``` --- ### jQuery Nested [](#jquery-nested) For a complete gap free, multi column grid layout experience. [jQuery Nested](http://suprb.com/apps/nested/) ``` grozzzny\depends\nested\NestedAsset ``` --- ### Notify [](#notify) Message on the screen ``` grozzzny\depends\notify\NotifyAsset ``` ``` notify.success('message'); ``` or ``` notify.error('message'); ``` --- ### Stellar [](#stellar) Parallax has never been easier. [Stellar](http://markdalgleish.com/projects/stellar.js/) ``` grozzzny\depends\stellar\StellarAsset ``` --- ### Wagerfield Parallax [](#wagerfield-parallax) Parallax Engine that reacts to the orientation of a smart device. [Parallax](https://github.com/wagerfield/parallax) ``` grozzzny\depends\wagerfield_parallax\WagerfieldParallaxAsset ``` --- ### Owl Carousel 2 [](#owl-carousel-2) Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider. [Owl Carousel 2](https://owlcarousel2.github.io/OwlCarousel2/) ``` grozzzny\depends\owl_carousel\OwlAsset ``` --- ### Parallax [](#parallax) Parallax.js is a dirt simple parallax scrolling effect inspired by Spotify.com and implemented as a jQuery plugin. [Parallax](http://pixelcog.github.io/parallax.js/) ``` grozzzny\depends\parallax\ParallaxAsset ``` --- ### ScrollReveal [](#scrollreveal) Easy scroll animations for web and mobile browsers. [ScrollReveal](https://scrollrevealjs.org/) ``` grozzzny\depends\scrollreveal\ScrollRevalAsset ``` ``` $(document).ready(function(){ /************************ - Scroll reveal - ************************/ window.sr = new scrollReveal({ reset:true, move:"10px", mobile:false }); }); ``` ``` ``` --- ### Smoothscroll [](#smoothscroll) A teeny tiny, standard compliant, smooth scroll script with ease-in-out effect and no dependancy. [Smoothscroll](https://www.npmjs.com/package/smoothscroll) ``` grozzzny\depends\smoothscroll\SmoothscrollAsset ``` --- ### Waypoints [](#waypoints) Waypoints is a library that makes it easy to execute a function whenever you scroll to an element. [Waypoints](https://github.com/imakewebthings/waypoints) ``` grozzzny\depends\waypoints\WaypointsAsset ``` ``` .stuck { position: fixed; top: 0; left: 0; width: 100%; } ``` ``` ``` ``` // Fixed header //----------------------------------------------- if ($('.js-sticky').length) { var sticky = new Waypoint.Sticky({ element: $('.js-sticky'), //wrapper: '', //stuckClass: 'object-visible', //handler: function(direction) { // $('body').toggleClass('fixed-header-on'); //}, //offset: -1 }); } ``` --- ### Wow animations and animate.css [](#wow-animations-and-animatecss) Reveal CSS animation as you scroll down a page. By default, you can use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library. [Wow animations](https://github.com/matthieua/WOW)Library animations. [animate.css](https://daneden.github.io/animate.css/) ``` grozzzny\depends\wow_animations\WowAnimationsAsset ``` ``` $(document).on('ready', function(){ /************************ - WOW animation - ************************/ jQuery(document).ready(function() { new WOW().init(); }); }); ``` ``` ``` --- ### Gmap [](#gmap) Lightweight jQuery plugin that helps you embed Google Maps, using the API V3, into your website. Original at [Gmap](http://github.com/marioestrada/jQuery-gMap) ``` grozzzny\depends\gmap\GmapAsset ``` ``` $config = [ 'components' => [ ... 'assetManager' => [ ... 'bundles' => [ 'grozzzny\depends\gmap\GmapAsset' => [ 'key' => 'AIzaSyCtX2Fg1fOnnX1Pu1n1lXvmb303Q_1234', ], ] ] ] ]; ``` --- ### Swiper [](#swiper) Most Modern Mobile Touch Slider [Swiper](http://idangero.us/swiper/) ``` grozzzny\depends\swiper\SwiperAsset ``` ``` ``` ``` var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', paginationClickable: true, spaceBetween: 30, centeredSlides: true, autoplay: 4000, autoplayDisableOnInteraction: false }); ``` --- ### Fancybox [](#fancybox) FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. [Fancybox](http://fancybox.net/) ``` grozzzny\depends\fancybox\FancyboxAsset ``` ``` ``` ``` $('.fancybox').fancybox(); //OR $("a[href$='.jpg'],a[href$='.png'],a[href$='.gif']").attr('rel', 'gallery').fancybox({ loop : true, closeClick : false, nextEffect : 'none', prevEffect : 'none', openEffect : 'elastic', closeEffect : 'elastic', openEasing : 'swing', closeEasing : 'swing' }); ``` --- ### Jquery Ui [](#jquery-ui) jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. [jqueryui](https://api.jqueryui.com/) ``` grozzzny\depends\jquery_ui\JqueryUiAsset ``` --- ### Dragula [](#dragula) Dragula provides the easiest possible API to make drag and drop a breeze in your applications. [dragula](https://github.com/bevacqua/dragula) ``` grozzzny\depends\dragula\DragulaAsset ``` ``` dragula(containers, { isContainer: function (el) { return false; // only elements in drake.containers will be taken into account }, moves: function (el, source, handle, sibling) { return true; // elements are always draggable by default }, accepts: function (el, target, source, sibling) { return true; // elements can be dropped in any of the `containers` by default }, invalid: function (el, handle) { return false; // don't prevent any drags from initiating by default }, direction: 'vertical', // Y axis is considered when determining where an element would be dropped copy: false, // elements are moved by default, not copied copySortSource: false, // elements in copy-source containers can be reordered revertOnSpill: false, // spilling will put the element back where it was dragged from, if this is true removeOnSpill: false, // spilling will `.remove` the element, if this is true mirrorContainer: document.body, // set the element that gets mirror elements appended ignoreInputTextSelection: true // allows users to select input text, see details below }); ``` --- ### Dragon Drop [](#dragon-drop) Accessible drag-and-drop list reorder plugin. [Dragon Drop](https://schne324.github.io/dragon-drop/demo/) ``` grozzzny\depends\dragon_drop\DragonDropAsset ``` ``` var demo2 = document.getElementById('demo-2'); new DragonDrop(demo2, { handle: false, announcement: { grabbed: function(el) {}, dropped: function(el) {}, reorder: function(el, items) {}, cancel: 'Reschedule cancelled.' } }); ``` --- ### PlainDraggable [](#plaindraggable) The simple and high performance library to allow HTML/SVG element to be dragged. [PlainDraggable](https://anseki.github.io/plain-draggable/) ``` grozzzny\depends\plain_draggable\PlainDraggableAsset ``` --- ### jQuery Sticky [](#jquery-sticky) Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible. [Sticky](https://github.com/garand/sticky) ``` grozzzny\depends\sticky\StickyAsset ``` ``` $(document).ready(function(){ $("#sticker").sticky({topSpacing:0}); }); ``` --- ### jQuery Cookie Plugin [](#jquery-cookie-plugin) A simple, lightweight jQuery plugin for reading, writing and deleting cookies. [jQuery Cookie Plugin](https://github.com/carhartl/jquery-cookie) ``` 'grozzzny\depends\cookie\CookieAsset' ``` ``` //Create session cookie: $.cookie('name', 'value'); //Create expiring cookie, 7 days from then: $.cookie('name', 'value', { expires: 7 }); //Create expiring cookie, valid across entire site: $.cookie('name', 'value', { expires: 7, path: '/' }); //Read cookie: $.cookie('name'); // => "value" // Returns true when cookie was successfully deleted, otherwise false $.removeCookie('name'); // => true ``` --- ### Health Score 24 — LowBetter than 32% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity24 Limited adoption so far Community7 Small or concentrated contributor base Maturity36 Early-stage or recently created project 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/554162fffed79306459e44cdded778e493d695f0229c405b67a717697ab1cc5d?d=identicon)[grozzzny](/maintainers/grozzzny) --- Top Contributors [![grozzzny](https://avatars.githubusercontent.com/u/19452327?v=4)](https://github.com/grozzzny "grozzzny (42 commits)") ### Embed Badge ![Health badge](/badges/grozzzny-depends/health.svg) ``` [![Health](https://phpackages.com/badges/grozzzny-depends/health.svg)](https://phpackages.com/packages/grozzzny-depends) ``` ### Alternatives [plumphp/plum Plum is a data processing pipeline that helps you to write structured, reusable and well tested data processing code. 14088.8k17](/packages/plumphp-plum)[shockwavemk/magento2-module-cron-schedule Show advanced information for scheduled crons in Magento2 Backend 3533.8k](/packages/shockwavemk-magento2-module-cron-schedule)[gerardojbaez/geodata Laravel 5.2 package that provides basic geographical data like Countries, Regions and Cities. 3211.9k](/packages/gerardojbaez-geodata)[sintret/yii2-gii-adminlte Yii2 Generator extension for Gii plugin with adminlte and base on dynagrid. upload excel to system to with log upload 209.6k2](/packages/sintret-yii2-gii-adminlte) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)