PHPackages                             elabx/processwire-alpinejs - 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. elabx/processwire-alpinejs

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

elabx/processwire-alpinejs
==========================

Add AlpineJS to ProcessWire admin

v0.0.6(3mo ago)11.4k11MITPHPPHP >=7.3

Since Mar 6Pushed 1mo ago1 watchersCompare

[ Source](https://github.com/elabx/AlpineJS)[ Packagist](https://packagist.org/packages/elabx/processwire-alpinejs)[ Docs](https://github.com/elabx/AlpineJS)[ RSS](/packages/elabx-processwire-alpinejs/feed)WikiDiscussions main Synced 1mo ago

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

Adds alpinejs as a module in the ProcessWire admin.

Integrates [Alpine.js](https://alpinejs.dev/) locally into the ProcessWire Admin interface.

Features
--------

[](#features)

- **Local Hosting**: Downloads Alpine.js core and plugins from unpkg.com to your server for local serving.
- **Admin Integration**: Automatically loads Alpine.js in the ProcessWire Admin backend.
- **Plugin Support**: Easily enable official Alpine.js plugins (Mask, Intersect, Persist, Focus, Collapse, Morph, History).
- **1-Click Updates**: Check for updates and download the latest version directly from the module configuration.

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

[](#requirements)

- ProcessWire `3.0` or newer
- PHP `7.3` or newer

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

[](#installation)

Install the module from the [modules directory](https://modules.processwire.com/modules/) or with Composer:

```
composer require elabx/processwire-alpinejs

```

Setup
-----

[](#setup)

After installing, you need to configure where Alpine.js is loaded from. There are two options:

### Option 1: Download via module settings

[](#option-1-download-via-module-settings)

Go to **Modules > Configure > AlpineJS** and click the download button. This fetches the latest Alpine.js core and plugins from unpkg.com and stores them locally in the module's `js/` directory.

### Option 2: Custom file path

[](#option-2-custom-file-path)

If you prefer to manage the Alpine.js file yourself (e.g. to version-control it), set the **Custom Alpine.js file path** in the module settings. This should be a path relative to the site root, such as `site/templates/scripts/alpine.js`. When set, this file is used instead of the downloaded version.

You can also override the core script URL programmatically via hook:

```
$wire->addHookAfter('AlpineJS::getCoreScriptUrl', function($event) {
    $event->return = '/site/templates/scripts/alpine.js';
});
```

Usage
-----

[](#usage)

### Admin Backend

[](#admin-backend)

Alpine.js is automatically loaded in the ProcessWire admin. You can use it in your custom admin pages, hooks, or Inputfields.

### Frontend

[](#frontend)

To use Alpine.js in your frontend templates, output the scripts manually:

```
// Load only Alpine Core
echo $modules->get('AlpineJS')->renderScripts();

// Load Alpine Core + Plugins
echo $modules->get('AlpineJS')->renderScripts(['intersect', 'persist']);
```

###  Health Score

40

—

FairBetter than 88% of packages

Maintenance86

Actively maintained with recent releases

Popularity20

Limited adoption so far

Community14

Small or concentrated contributor base

Maturity34

Early-stage or recently created project

 Bus Factor1

Top contributor holds 81% 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 ~209 days

Recently: every ~237 days

Total

6

Last Release

114d ago

### Community

Maintainers

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

---

Top Contributors

[![elabx](https://avatars.githubusercontent.com/u/7674567?v=4)](https://github.com/elabx "elabx (17 commits)")[![zambezi-marketing](https://avatars.githubusercontent.com/u/113392226?v=4)](https://github.com/zambezi-marketing "zambezi-marketing (3 commits)")[![markusthomas](https://avatars.githubusercontent.com/u/1759769?v=4)](https://github.com/markusthomas "markusthomas (1 commits)")

---

Tags

processwire

### Embed Badge

![Health badge](/badges/elabx-processwire-alpinejs/health.svg)

```
[![Health](https://phpackages.com/badges/elabx-processwire-alpinejs/health.svg)](https://phpackages.com/packages/elabx-processwire-alpinejs)
```

###  Alternatives

[elabx/fieldtype-recurring-dates

Field to setup recurring dates using RRule

104.2k](/packages/elabx-fieldtype-recurring-dates)

PHPackages © 2026

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