Reactive Magento
written in PHP

Build interactive interfaces with PHP components and PHTML. Magewire handles browser updates; add JavaScript when your feature needs it.

Read the Docs Quick Install

254 stars 1.1M Packagist installs

<?php

declare(strict_types=1);

namespace Vendor\Module\Magewire;

use Magewirephp\Magewire\Component;

class Counter extends Component
{
    public int $count = 0;

    public function increment(): void
    {
        $this->count++;
    }

    public function decrement(): void
    {
        $this->count--;
    }
}

<?xml version="1.0"?>
<page
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
            <block
                name="vendor.module.counter"
                template="Vendor_Module::magewire/counter.phtml">
                <arguments>
                    <argument
                        name="magewire"
                        xsi:type="object"
                        shared="false">
                        Vendor\Module\Magewire\Counter
                    </argument>
                </arguments>
            </block>
        </referenceContainer>
    </body>
</page>

<div class="counter">

    <p class="count">
        Count: <strong>{{ $magewire->count }}</strong>
    </p>

    <button wire:click="increment">Increment</button>
    <button wire:click="decrement">Decrement</button>

</div>

The {{ }} expression is Magewire's escaped PHTML syntax; ordinary PHP echo works too. Use the same component pattern for forms, filters, pagination, and checkout steps. See template directives.

Get started

Install

Install the core, then add the integration for your storefront or admin area.

A painted developer toolkit with template cards, connected components, and a completion check

Terminal

$ composer require magewirephp/magewire

$ php bin/magento module:enable Magewirephp_Magewire

$ php bin/magento setup:upgrade

✓ Core installed. Choose your integration next.

Using Hyvä, Breeze, or Magento Admin? Add its companion package before building your first component.

Familiar by Design

Know Livewire?
Magewire will feel familiar.

Inspired by Laravel Livewire and intentionally familiar. Magewire brings its component model and wire: directives to Magento 2, while adapting them to a different platform with different edges.

Component class

Laravel · Livewire Counter.php

<?php

namespace App\Livewire;

use Livewire\Component;

class Counter extends Component
{
    public int $count = 0;

    public function increment(): void
    {
        $this->count++;
    }

    public function decrement(): void
    {
        $this->count--;
    }
}

Magento 2 · Magewire Counter.php

<?php

namespace Vendor\Module\Magewire;

use Magewirephp\Magewire\Component;

class Counter extends Component
{
    public int $count = 0;

    public function increment(): void
    {
        $this->count++;
    }

    public function decrement(): void
    {
        $this->count--;
    }
}

A familiar shape, adapted for Magento.

Template

Laravel · Livewire counter.blade.php

<div>

    <h2>{{ $count }}</h2>

    <button wire:click="decrement">−</button>
    <button wire:click="increment">+</button>

</div>

Magento 2 · Magewire counter.phtml

<div>

    <h2>{{ $magewire->count }}</h2>

    <button wire:click="decrement">−</button>
    <button wire:click="increment">+</button>

</div>

Familiar wire: directives, rendered in PHTML.

Platform & theme support

Compatibility

Choose a tested platform combination and the integration package for your theme or admin area.

Platforms

Mage-OS

Tested in the build matrix

Abstract open commerce blueprint becoming a storefront

Magento Open Source

Tested in the build matrix

Abstract connected multi-store commerce platform

Adobe Commerce

Verify in your project

Check the versions you deploy

Magewire V3 requires PHP 8.2 or newer. Magento Open Source and Mage-OS version combinations are exercised in the project's production-build workflow. Check that matrix, your Magento distribution, and your theme integration before upgrading a store.

See the tested build matrix →

Themes and areas

Abstract supported administration dashboard

Magento Admin

Companion package

Abstract fast storefront with a support check

Hyvä

Companion package

Abstract storefront components connected by a circular flow

Breeze

Community integration

Abstract storefront with a calm pause symbol and disconnected plug

Luma

Build a theme integration

From the community

What people say

This is a game-changing tool! You can build practically anything with almost no javascript. It saves a significant amount of time and is incredibly easy to work with. It's not a matter of whether you should use it, you simply must use it.

Marcus Venghaus

Freelance Developer & Magewire contributor

Magewire is like magic sauce that can save a ton of time implementing features! It’s great to see more tools from the Laravel ecosystem being made available within Magento - thanks Willem!

Vinai Kopp

Technical Director and Partner · Hyvä

Magewire is one of my favourite tools! It even makes frontend morons like me capable of dynamic UIs! More people should check it out.

Kiel Pykett

Magento Developer at Hyvä

Magewire is an awesome tool for Magento developers to build great interactive frontend features. It brings the backend closer to the frontend and speeds up development times. We are now using Magewire in all our projects where it makes sense to do so. I highly recommend it to Magento developers.

Ryan Copeland

Founder of Foundation Commerce

Useful with Magewire

Tools

Handy projects from across the Magento ecosystem that make building with Magewire even more fun.

A robotic bricklayer inspecting Magento runtime connections inside transparent building blocks

Made by Inchoo

Magento Bricklayer

Useful for Magewire development because it gives AI coding agents Magento runtime context that source files cannot show, including dependency injection, plugin chains, EAV, configuration, and diagnostics.

Compatible with Magewire V1 + V3

View on GitHub

Open Source