You can sharing variable between livewire and alpine using : @entangle class Counter extends Component { public $showDropdown = false; } <div x-data="{ open: @entangle('showDropdown') }">
