Loki Components

The Loki_Components module makes it easier for Magento developers to create complex UI components based on Alpine.js (and possibly TailwindCSS if that's your preference). It does so by automatically adding Alpine.js bindings to a block (defined in the XML layout). It offers reusable Alpine.js component structures, frontend & backend validation and filtering. And it allows one single AJAX call to update multiple HTML elements on the page, making the entire experience extremely fast.

Current examples of Loki Components

  • All components in the Loki Checkout;
  • All grids and forms of Loki Admin Components;
  • And there is more to come

In this section

Last modified: September 1, 2025