Power Up
Debugging Now

with Alpine Devtools

Alpine Devtools Plans

Alpine.js Devtools Components and Stores tab running against alpinetoolbox.com

The Alpine Devtools turbocharge how you build and debug with Alpine.js. The extension is trusted by 15,000+ developers since its launch in 2020.

It's seamlessly integrated into Chrome DevTools, to enable on-the-fly component inspection, state editing, and error tracking—features users call "indispensable" (rated 4.5 ⭐️) for client work, enterprise projects, and open-source contributions.

On the back of a successful Future of Alpine.js Devtools survey, we've revamped the devtools to have improved state sync reliability and Alpine stores support.

Choose your plan and get instant access to best in class Alpine debugging — explore flexible pricing designed for solo devs, freelancers and teams of all sizes.

Pricing plan comparison

Your plan:

Get Now →

Access to Chrome-compatible devtools with component/store state inspection.

Payments processed via GitHub Sponsors or checkoutpage.co using Stripe.

Not ready to buy? Help us understand your workflow better.
Quick survey →

Hugo Di Francesco

Built by Hugo Di Francesco

Lead Software Engineer at JPMorganChase, top committer to alpinejs-devtools since 2020, top answerer for Alpine.js questions and 4-time technical book author.