Alpine.js

ModuleJS module to add Alpine.js to ProcessWire.

Adds alpinejs as a module in the ProcessWire admin.

Integrates Alpine.js locally into the ProcessWire Admin interface.

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


  • ProcessWire 3.0 or newer
  • PHP 7.3 or newer

Installation


Install the module from the modules directory or with Composer:

composer require elabx/processwire-alpinejs

Usage


Admin Backend

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

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']);

More modules by Eduardo San Miguel Garcia

  • Recurring Dates

    Field that stores recurring events from a UI to define RRules.
  • Alpine.js

    ModuleJS module to add Alpine.js to ProcessWire.
  • Tripleseat Lead Form API Integration

    Forwards forms to Tripleseat using their Lead Form API

All modules by Eduardo San Miguel Garcia

Install and use modules at your own risk. Always have a site and database backup before installing new modules.