Alpine.js devtools chrome extension

Version: 1.2.0
Alpine.js devtools
DevTools extension for debugging Alpine.js applications.
4.92 Based on 25 user rates

What is Alpine.js devtools?

Alpine.js devtools is a developer tools chrome extension. it's a free extension , it has 10,000+ active users since released its first version, it earns an average rating of 4.92 from 25 rated user, last update is 1171 days ago.


What’s new in version 1.2.0?

                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.            

How to install Alpine.js devtools?

You could download the latest version crx file or older version files and install it.


Preview of Alpine.js devtools


Technical Features:

  • Latest Version: 1.2.0
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Wednesday, September 8th, 2021
  • Author: Alpine.js devtools

Alpine.js devtools Available languages:

English (United States).


FAQ


Reviews of alpine.js devtools:


handika dwi January 15th, 2023
handika dwi

really love this. has very intuitive UI


Horror Coder May 19th, 2022
Horror Coder

It work fine if your component don't have big objects (otherwise it's slow to navigate the tree), still missing $store data from alpine V3


James Auble April 2nd, 2022
James Auble

Love it. Are there plans to add support for Alpine store?

Read more review & comments of alpine.js devtools