👋

Alpine Devtools Early Access Features:

✅️ Available in Chrome (manifest v3 overhaul).
✅ Component state inspection/editing
✅ Store state viewing/editing (🆕)
✅ More reliable state updates/sync (🆕)
✅ Highlight component in page on hover
✅ Component data in console globals
✅ Jump to root element in Chrome inspector (🆕)
✅ Warnings tab (inc. Alpine v3 support)
✅ High performance on nested data objects (🆕️, tested on ~10k data properties)

To get access to these features, select a sponsorship tier to join the Early Access Program or see features/plan benefits.

Background:

I'm raising funds to revamp the Alpine.js Devtools. They've not been updated since September 2021 (almost 4 years as of writing) and because of Chrome's move to manifest v3, users are starting to get This extension is no longer available because it doesn't follow best practices for Chrome extensions. (see issues #419, #264)

Unfortunately, being manifest v3 compliant means a full rewrite of the devtools panel code. Based on the Future of Alpine.js Devtools Survey, I'm launching a specific offering for re-launching Alpine.js Devtools on Chrome.

About me: I'm a Lead Software Engineer at JP Morgan Chase, a top answerer for Alpine.js questions and a 4-time technical book author.