Alpine.js devtools icon

Alpine.js devtools

Extension Actions

CRX ID
fopaemeedckajflibkpifppcankfmbhk
Description from extension meta

DevTools extension for debugging Alpine.js applications.

Image from store
Alpine.js devtools
Description from store

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.

The ability to change data on the fly helps with debugging Alpine.js components. If your application uses Alpine stores or encounters evaluation errors, the stores and warnings tabs will be populated.

Latest reviews

Ilyes Ahidar
Before donating I want to actually see if it works... not having access to the stores tab is a uninstall from me right away.
Max Alekseyev
Very useful tool. The lack of dark theme to save the eyes only, that's why marked as 4, but shake the hand to developer anyway
Lincoln Nail
Was a great extension
Joffrey Persia
Was a great extension, I used it really often. Too bad it is not maintained :(
Pierre T
It does not detect any of my components
Yogesh Jagdale
Performance... who? 🤔
Gilles Migliori (migli)
Thanks for your work ; it would be really fantastic if you could include $store data from alpine V3
Gilles Migliori (migli)
Thanks for your work ; it would be really fantastic if you could include $store data from alpine V3
Tyler Reed
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.
Tyler Reed
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.
Bartek Igielski
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.
Bartek Igielski
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.
Ben Miller
Super helpful tool for debugging. I can see all the state and change it too!
Ben Miller
Super helpful tool for debugging. I can see all the state and change it too!
Roberto Cardentey Ruiz
excelente
handika dwi
really love this. has very intuitive UI
handika dwi
really love this. has very intuitive UI
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
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
Love it. Are there plans to add support for Alpine store?
James Auble
Love it. Are there plans to add support for Alpine store?
Greg Menard
This tool is a must. This is exactly what I was looking for when developing in Alpine.
Greg Menard
This tool is a must. This is exactly what I was looking for when developing in Alpine.
Anonymous
Awesome tool during alpine dev. Love using it, Thanks Guys.
Tomas Cordero
Pretty great tool. Would like to have the ability to view the $store variable but I feel like its just a matter of time before that's added.
Tomas Cordero
Pretty great tool. Would like to have the ability to view the $store variable but I feel like its just a matter of time before that's added.
Barry Ard
Really helps with Alpine.js development. Thanks.
Barry Ard
Really helps with Alpine.js development. Thanks.
Galih Pratama
Awesome project!
Galih Pratama
Awesome project!
Tiago Oliveira
Muito bom! Parabéns!
Dani Martínez Fernández
Awesome
Dani Martínez Fernández
Awesome
Дмитрий Нектобит
Very helpful!
Дмитрий Нектобит
Very helpful!
Haleem Hosein
This is so awesome!
Haleem Hosein
This is so awesome!
Fahd Yousri
thanks for the good work
Fahd Yousri
thanks for the good work
Levin R.
Thanks for your hard work!
Levin R.
Thanks for your hard work!
Momo
Really happy that Ahmed went ahead and created this without waiting for other people to do it.
Momo
Really happy that Ahmed went ahead and created this without waiting for other people to do it.
Tony Lea
Just want to help this project continue growing so I'm giving it a 5-star ;)
Tony Lea
Just want to help this project continue growing so I'm giving it a 5-star ;)