PHPackages                             seoul-commerce/magento2-alpinejs-collapse - 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. seoul-commerce/magento2-alpinejs-collapse

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

seoul-commerce/magento2-alpinejs-collapse
=========================================

Integrate the AlpineJS collapse plugin into Hyvä

1.0.0(2y ago)210MITHTMLPHP ~7.4|~8.2

Since Jan 31Pushed 2y agoCompare

[ Source](https://github.com/rydemods/magento2-alpinejs-collapse)[ Packagist](https://packagist.org/packages/seoul-commerce/magento2-alpinejs-collapse)[ RSS](/packages/seoul-commerce-magento2-alpinejs-collapse/feed)WikiDiscussions main Synced 1mo ago

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

FriendsOfHyva\_AlpineJsPersist
==============================

[](#friendsofhyva_alpinejspersist)

This is a Magento module specifically for Hyvä, which adds the [AlpineJS persist plugin](https://alpinejs.dev/plugins/persist) to [Hyvä](https://www.hyva.io/). This plugin allows you to persist Alpine.js component data between page reloads.

Alpine.js Persist Plugin
------------------------

[](#alpinejs-persist-plugin)

The Alpine.js persist plugin is a plugin that allows you to persist Alpine.js component data between page reloads. This plugin can be used to store data associated with Alpine.js components in the browser's local storage or session storage, allowing it to be retrieved and restored when the user returns to the page.

For more information on how to use the AlpineJS persist plugin, please refer to the [official Alpine.js documentation](https://alpinejs.dev/plugins/persist).

Example
-------

[](#example)

To use the persist plugin in your Hyvä theme, you can add the `$persist` property to your Alpine.js component and specify which data properties should be persisted.

```

    Increment

```

In this Alpine.js example, the count property is initialized with a default value of 0 using the `$persist` function, which enables the property to persist its value between page reloads using local storage.

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

[](#installation)

To install the FriendsOfHyva\_AlpineJsPersist module via composer, run the following command:

```
composer require SeoulCommerce/magento2-alpinejs-collapse
```

**This module requires Hyvä theme 1.2.0 or higher and AlpineJS v3.**

Using AlpineJS persist to save Magewire component data
------------------------------------------------------

[](#using-alpinejs-persist-to-save-magewire-component-data)

[See more details here.](docs/magewire.md)

Note
----

[](#note)

This module is made specifically for Hyvä and doesn't work with native Magento.

For more information on Hyvä, please visit the [official Hyvä website](https://hyva.io/).

Copyright & License
-----------------------

[](#copyright--license)

Copyright (c) 2023 Friends of Hyvä

The module is released under the [MIT](LICENSE.txt).

###  Health Score

25

—

LowBetter than 37% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity54

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 72.7% 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

832d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/b7106403dd493b92e9c337e5877cf074393cd2cbbdcc7e39d59ea1d2fbaa1b16?d=identicon)[rydemods](/maintainers/rydemods)

---

Top Contributors

[![Tjitse-E](https://avatars.githubusercontent.com/u/14849044?v=4)](https://github.com/Tjitse-E "Tjitse-E (8 commits)")[![rydemods](https://avatars.githubusercontent.com/u/2216328?v=4)](https://github.com/rydemods "rydemods (3 commits)")

### Embed Badge

![Health badge](/badges/seoul-commerce-magento2-alpinejs-collapse/health.svg)

```
[![Health](https://phpackages.com/badges/seoul-commerce-magento2-alpinejs-collapse/health.svg)](https://phpackages.com/packages/seoul-commerce-magento2-alpinejs-collapse)
```

###  Alternatives

[vpietri/adm-quickdevbar

QuickDevBar is a developer toolbar for magento 2

577348.6k](/packages/vpietri-adm-quickdevbar)[msp/devtools

222629.1k2](/packages/msp-devtools)[msp/cmsimportexport

76510.8k](/packages/msp-cmsimportexport)[crankycyclops/m2-module-discount-code-url

Allows discount codes to be applied to a browser session automatically via a query string or URL path.

4112.3k](/packages/crankycyclops-m2-module-discount-code-url)[jajuma/awesomehyva

This Magento 2 extension allows using Font Awesome 5 icons with Hyvä Themes

1349.1k](/packages/jajuma-awesomehyva)[elgentos/magento2-hyva-cro-semi-sticky-header

Changes the Hyvä header to a semi-sticky header (dissapears down and reappears up)

161.7k](/packages/elgentos-magento2-hyva-cro-semi-sticky-header)

PHPackages © 2026

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