Alpine.js devtools icon

Alpine.js devtools

by Alpine.js devtools

v2.7.4 Updated Jan 30, 2026 69.66KiB
CWS
10K
Users
β˜… 4.10
41 reviews
#5376
of 207.1K
developer
#459 of 18.1K

Description

Alpine.js devtools is a Chrome extension for the Alpine.js JavaScript library. It allows you to detect, inspect and edit Alpine.js data and components in the Chrome Developer Tools. After installing you will see a new tab in the Chrome DevTools. This Alpine.js tab displays a list of Alpine.js components that are rendered on the page. By selecting one of the components in the list, you can inspect and edit its current data in the panel to the right. The ability to change data on the fly helps with debugging Alpine.js components. If your application uses Alpine stores or encounters evaluation errors, the stores and warnings tabs will be populated.
Alpine.js devtools screenshot 1

Reviews (8 cached)

β˜…β˜†β˜†β˜†β˜†2026-03-03
Christian Kilb

"Alpine.js not detected"

β˜…β˜†β˜†β˜†β˜†2026-01-23
Chris Nelson

Apparently this is no longer working. No AlpineJS tab is showing in Developer's Tools, which is a shame, because it'd be a great help.

β˜…β˜†β˜†β˜†β˜†2024-09-01
Pierre T

It does not detect any of my components

β˜…β˜…β˜†β˜†β˜†2024-08-06
Yogesh Jagdale

Performance... who? πŸ€”

β˜…β˜…β˜†β˜†β˜†2023-07-24
Tyler Reed

At first glance, it looks great. However, once you start building larger Alpine components, the extension locks up the browser due to extremely poor performance. It eventually gets the job done, but I find myself waiting *minutes* sometimes just to expand an element in the extension. It's not very usable for me, and I'll be looking for alternative options.

β˜…β˜…β˜†β˜†β˜†2023-07-13
Bartek Igielski

The development tools are disappointingly basic, restricted to just managing component state with no support for stores or events, and they lack the ability to inspect what's registered globally. Even these basic features perform mediocrely – the tools often run slow and require frequent restarts. The user interface is also uninspiring. What's more concerning is that there appears to be no ongoing development or improvement. There hasn't been a single update in the past two years.

β˜…β˜…β˜…β˜†β˜†2025-05-29
Ilyes Ahidar

Before donating I want to actually see if it works... not having access to the stores tab is a uninstall from me right away.

β˜…β˜…β˜…β˜†β˜†2022-05-19
Coder

It work fine if your component don't have big objects (otherwise it's slow to navigate the tree), still missing $store data from alpine V3

Permissions (2)

Permissions

scriptingβ„Ή Can inject scripts into web pages storageβ„Ή Can store data locally in your browser

Details

Version 2.7.4
Updated Jan 30, 2026
Size 69.66KiB
First Seen Mar 25, 2026