PHPackages                             hryvinskyi/magento2-splide-js - 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. hryvinskyi/magento2-splide-js

ActiveMagento2-module[Utility & Helpers](/categories/utility)

hryvinskyi/magento2-splide-js
=============================

Magento 2 base module for Splide.js slider library

1.0.0(6mo ago)0186↓33.3%11MITPHPPHP ^8.1

Since Jan 30Pushed 6mo agoCompare

[ Source](https://github.com/hryvinskyi/magento2-splide-js)[ Packagist](https://packagist.org/packages/hryvinskyi/magento2-splide-js)[ RSS](/packages/hryvinskyi-magento2-splide-js/feed)WikiDiscussions main Synced 1w ago

READMEChangelog (1)Dependencies (2)Versions (2)Used By (1)

Magento 2 / Adobe Commerce SplideJs
===================================

[](#magento-2--adobe-commerce-splidejs)

Magento 2 base module for [Splide.js](https://splidejs.com/) - a lightweight, flexible slider/carousel library.

Installation
------------

[](#installation)

### Manual Installation

[](#manual-installation)

1. Copy the module files to `app/code/Hryvinskyi/SplideJs/`
2. Run: ```
    bin/magento setup:upgrade
    bin/magento setup:di:compile
    bin/magento cache:flush
    ```

### Composer Installation

[](#composer-installation)

```
composer require hryvinskyi/magento2-splide-js
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento cache:flush
```

Usage
-----

[](#usage)

### Basic Usage with data-mage-init

[](#basic-usage-with-data-mage-init)

```

            Slide 1
            Slide 2
            Slide 3

```

### Using in RequireJS Module

[](#using-in-requirejs-module)

```
define(['splide'], function (Splide) {
    'use strict';

    var splide = new Splide('.my-slider', {
        type: 'loop',
        perPage: 3,
        gap: '1rem',
        autoplay: true
    });

    splide.mount();
});
```

### Using the Widget Component

[](#using-the-widget-component)

```
define(['splideWidget'], function (splideWidget) {
    'use strict';

    var element = document.querySelector('.my-slider');
    var config = {
        type: 'loop',
        perPage: 3,
        gap: '1rem'
    };

    var slider = splideWidget(config, element);
});
```

Configuration Options
---------------------

[](#configuration-options)

OptionTypeDefaultDescription`type`string`slide`Slider type: `slide`, `loop`, or `fade``perPage`int`1`Number of slides to display`perMove`int`1`Number of slides to move at once`gap`string`1rem`Gap between slides`arrows`bool`true`Show navigation arrows`pagination`bool`true`Show pagination dots`autoplay`bool`false`Enable autoplay`interval`int`5000`Autoplay interval in milliseconds`speed`int`400`Transition speed in milliseconds`rewind`bool`false`Rewind to first slide at end`direction`string`ltr`Direction: `ltr`, `rtl`, or `ttb``lazyLoad`string/bool`nearby`Lazy load: `nearby`, `sequential`, or `false``breakpoints`object`{}`Responsive breakpoints configuration### Breakpoints Example

[](#breakpoints-example)

```
{
    "breakpoints": {
        "1024": {
            "perPage": 3
        },
        "768": {
            "perPage": 2
        },
        "480": {
            "perPage": 1
        }
    }
}
```

Splide.js Documentation
-----------------------

[](#splidejs-documentation)

For complete Splide.js options and API documentation, visit:

Requirements
------------

[](#requirements)

- PHP 8.1+
- Magento 2.4.x

License
-------

[](#license)

MIT License

Author
------

[](#author)

Volodymyr Hryvinskyi

###  Health Score

36

—

LowBetter than 79% of packages

Maintenance67

Regular maintenance activity

Popularity15

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity44

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.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

192d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/9294098?v=4)[Volodymyr Hryvinskyi](/maintainers/hryvinskyi)[@hryvinskyi](https://github.com/hryvinskyi)

---

Top Contributors

[![hryvinskyi](https://avatars.githubusercontent.com/u/9294098?v=4)](https://github.com/hryvinskyi "hryvinskyi (2 commits)")

### Embed Badge

![Health badge](/badges/hryvinskyi-magento2-splide-js/health.svg)

```
[![Health](https://phpackages.com/badges/hryvinskyi-magento2-splide-js/health.svg)](https://phpackages.com/packages/hryvinskyi-magento2-splide-js)
```

###  Alternatives

[nosto/module-nostotagging

Increase your conversion rate and average order value by delivering your customers personalized product recommendations throughout their shopping journey.

27714.5k4](/packages/nosto-module-nostotagging)[myparcelnl/magento

A Magento 2 module that creates MyParcel labels

1861.2k](/packages/myparcelnl-magento)[loki/magento2-components

Core module for defining Alpine.js components with advanced AJAX features

1015.1k29](/packages/loki-magento2-components)[mage-os/module-rma

Return Merchandise Authorization

229.1k](/packages/mage-os-module-rma)[zwernemann/module-withdrawal

Magento 2 EU Withdrawal Button Module - Adds a withdrawal/revocation button for orders in compliance with EU Directive (EU) 2023/2673

2610.9k2](/packages/zwernemann-module-withdrawal)[angeo/module-llms-txt

Magento 2 module for AI Engine Optimization (AEO). Generates spec-compliant llms.txt and llms-full.txt per llmstxt.org standard, plus streaming JSONL for vector indexing. Multi-store, multi-website, CLI, cron, async admin UI, Page Builder-aware sanitization, customer-group pricing, atomic writes, ETag/Cache-Control, .md mirrors.

132.2k](/packages/angeo-module-llms-txt)

PHPackages © 2026

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