Alpine.js devtools
Item media 1 screenshot

Overview

DevTools extension for debugging Alpine.js applications.

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.

4.6 out of 531 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Gilles Migliori (migli)Jul 28, 2023

Thanks for your work ; it would be really fantastic if you could include $store data from alpine V3

4 out of 4 found this helpful
Review's profile picture

Tyler ReedJul 24, 2023

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.

2 out of 2 found this helpful
Review's profile picture

Bartek IgielskiJul 13, 2023

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.

1 person found this review to be helpful

Details

  • Version
    1.2.0
  • Updated
    September 8, 2021
  • Offered by
    Alpine.js devtools
  • Size
    67.78KiB
  • Languages
    English (United States)
  • Developer
    Email
    support@codewithhugo.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

You might also like…

Redux DevTools

4.6(704)

Redux DevTools for debugging application's state changes.

Solid Devtools

5.0(8)

Chrome Developer Tools extension for debugging SolidJS applications.

Vue.js devtools

4.1(15)

Chrome and Firefox DevTools extension for debugging Vue.js applications.

Livewire devtools

4.2(13)

Chrome and Firefox DevTools extension for debugging Livewire applications.

Google apps