DevTools for Alpine.js
that actually work

Browser extension that adds a dedicated DevTools panel for debugging Alpine.js applications. Inspect components, monitor events, and manage stores in real-time.

Alpine.js DevTools Pro interface screenshot

Why you'll love it

Alpine.js DevTools Pro provides comprehensive debugging tools for Alpine.js applications with real-time inspection and editing capabilities.

  • Component Inspector

    Browse component hierarchy, inspect state, attributes, and methods. Edit values in real-time and see changes instantly.
  • Event Monitor

    Capture and analyze all Alpine.js events as they happen. See event details, timing, and component associations.
  • Store Manager

    Inspect and modify Alpine.js stores. View all store properties, computed values, and methods with live editing.
  • Universal Compatibility

    Works seamlessly with any framework or library built on Alpine.js. Debug any Alpine-powered application effortlessly.
  • Live Updates

    Real-time synchronization with your application. Values update automatically as your app state changes.
  • Element Navigation

    Hover to highlight elements, click to inspect in Elements panel, or scroll components into view instantly.
  • Dark Mode

    Multiple theme options including dark mode and system theme that follows your OS preference.
  • High Performance

    Minimal performance impact, efficient data handling, and smart updates that only refresh changed data.

Built for the Alpine.js ecosystem

Works seamlessly with any framework, library, or component system built on Alpine.js. From full-stack frameworks like Livewire to modern stacks like AHA, static sites with vanilla Alpine.js, or any custom application - Alpine.js DevTools Pro provides complete debugging support.

Watch it in action

See how Alpine.js DevTools Pro can supercharge your development workflow.

Pricing

Choose the plan that works for your needs, with flexible licensing options and volume discounts.

Free
$0 / forever

For hobbyists, students and non-profits.

  • Non-commercial use only
  • No paywalls
  • No locked features
  • Basic support
Yearly
$49 / license / year

Commercial use, with annual renewal.

Number of licenses:
  • Commercial use
  • 3 devices / browsers
  • Prioritized feature requests
  • Premium support
Lifetime
$129 / license

One-time purchase, forever access.

Number of licenses:
  • Everything in yearly
  • No recurring payments
  • Lifetime updates
  • Discounts on future products

Prices exclude any applicable taxes. VAT, GST or Sales Tax will be calculated based on your location at checkout.
VAT reverse charge is automatically applied for EU business customers with a valid VAT ID.

FAQ

No fluff.
Just answers.

Not everything needs a support ticket. Here are quick answers to the most common questions I expect you to might have.

Using the extension

It depends. You can use it for free for personal projects, learning, non-profit work, etc.

If you're using it to make money, like in client work or at your company, then yeah, please buy a license or ask your employer to do it.

Please? Yes, I'm just asking you to do the right thing. It's a simple gentleman's agreement. I'm not tracking you or checking what you're doing.

There are no locked features, no popups. Just a small badge reminding you you're on the non-commercial version.

Because I want this thing to stay alive. The old DevTools were open source, but they were abandoned for years because nobody had a reason to keep maintaining them. I use Alpine.js daily, my own businesses depends on it. That's why I'm building this to last, not as a side project, but as something I rely on too.

Despite being commercial project, with closed source, you can still install the extension and use it for free. No paywall, no tricks. I trust people to support it if they're using it to make money.

Most Alpine.js users come from PHP backgrounds (Magento, Laravel, etc.), and this extension is not particularly simple TypeScript app, not based on Alpine.js, deep in browser internals, multi-layer events handling, background scripts, Chrome APIs etc. Not exactly something you'd casually fork and tweak on a weekend. So open sourcing it wouldn't really help much in practice.

Meanwhile, keeping it closed helps me focus on building features and fixing bugs, instead of reviewing random pull requests or dealing with noise. And it helps me prioritize support. If someone who just bought a dozen licenses reports a bug, that goes straight to the top, because I know they actually depend on it to get work done.

Yes. I use it myself every day. If people keep our simple trust-based agreement in place, it'll stick around for the long time.

Nope. Same as the old DevTools, this has nothing to do with the Alpine.js team aka. Caleb Porzio. It's an independent project.
Licensing & accounts

If you're using the extension commercially, you'll need a license, there are two options:

Yearly subscription: This license auto-renews annually. You can manage your subscription and cancel anytime. License will stay active until the end of the billing period, so you can cancel it right after purchase, if you are afraid of auto-renewal.

Lifetime license: One-time payment. This license grants you access to the extension indefinitely, including all future updates.

Both license types allow you to have the extension active on up to 3 devices/browsers at the same time.

Yep. You can manage your activations right from the extension or your account. Super useful if you're switching machines or handling licenses for a team.

No, you only need an account if you're buying a license.
The extension itself is using only a license key, no login required.

I'm already offering a fair discount based on where you live. It's automatically adjusted using Purchasing Power Parity (PPP), so whether you're in the US, India, or Poland, you're paying roughly the same in real terms.

If you're buying multiple licenses for your team, quantity discounts are applied automatically too.

Need more than that? Honestly, just use it for free, I'd rather not have to deal with it, than make those few bucks more.
Tech & Support

It should! I haven't tested every edge case yet, but full support is planned. If you run into issues, just let me know and I'll fix them.

Only anonymous usage info and crash reports, from inside the extension only, so I can fix bugs and improve the product. It doesn't touch or track anything on the sites you're working on.

Plenty of options:
- Report bugs directly from the extension using "Bug report" view
- GitHub issues
- GitHub roadmap
- GitHub releases
- Live chat on alpinejs.pro
- Ping me on LinkedIn

Who is behind this?

Hi, I'm Bartek Igielski, I've been knee-deep in code since I was 15, and I've got a soft spot for front-end technologies.

I actively build non-trivial applications with Alpine.js daily, which gives me unique insights into the challenges developers face.

Over the years, I've crafted tools like Frontools, SAAS Blank theme, and Alpaca Theme for Magento ecosystem, and made my mark on tens of open-source projects. My open-source templates and tools have been used by thousands of developers worldwide.

As the former Tech Lead at Vue Storefront and Head of Frontend at Snowdog, I've led teams building enterprise-level ecommerce solutions and spoken at shared my knowledge at tens of events around the world.