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.7 out of 530 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

3 out of 3 people 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 people 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.

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…

Livewire devtools

4.8(11)

Chrome and Firefox DevTools extension for debugging Livewire applications.

Solid Devtools

5.0(8)

Chrome Developer Tools extension for debugging SolidJS applications.

Redux DevTools

4.6(693)

Redux DevTools for debugging application's state changes.

ng-inspect for AngularJS

4.4(88)

Helps you in debugging AngularJS applications. Extends the elements panel in devtools to display scope properties.

Google apps