DevTools extension for debugging Alpine.js applications.
Alpine.js Devtools: Chrome Extension for Alpine.js Debugging
Alpine.js Devtools is a powerful tool for developers working with Alpine.js JavaScript library. As a Chrome extension, it integrates directly into the Chrome Developer Tools, adding a dedicated tab for managing and inspecting Alpine.js components. It provides an overview of all rendered components on a page, and allows for real-time inspection and modification of component data.
Extension stats
Risk impact: Moderate risk impact
Risk likelihood:
Manifest version: 2
Permissions:
Size: 69.41K
Email: su*****@codewithhugo.com
Ranking
# 5,889
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Extension summary
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.
User reviews
Pros
- Super helpful tool for debugging
- Intuitive UI
- Helps with Alpine.js development
- Great for managing component state
Cons
- Poor performance with larger components
- Basic features lacking support for stores and events
- No ongoing development or updates
- Slow navigation with big objects
Most mentioned
- Missing support for $store data
- Lack of updates/maintenance
- Performance issues
User reviews
Was a great extension, I used it really often. Too bad it is not maintained :(
It does not detect any of my components
Performance... who? 🤔
Extension safety
Risk impact
Alpine.js devtools requires a few sensitive permissions. Exercise caution before installing.
Risk likelihood
Alpine.js devtools has earned a fairly good reputation and likely can be trusted.
Upgrade to see risk analysis details
Similar extensions
Here are some Chrome extensions that are similar to Alpine.js devtools:
Tailwind Devtools CSS To Tailwind Laravel TestTools Livewire devtools Knockout Context Hover Windy Devtools for Tailwind CSS Fake Filler Vue.js devtools (beta) Tailwind CSS Devtools MageSpecialist DevTools for Magento Xdebug helper
Boy with Silver Wings
2.50
2,000+
iamnyasha
3.82
3,000+
Marcel Pociot
4.85
10,000+
rw4lll
4.00
10,000+
papounidis.alex
3.55
3,000+
https://usewindy.com
2.86
5,000+
https://devtoolsfortailwind.com
2.50
3,000+
https://fakefiller.com
4.42
300,000+
vuejs-dev
3.79
100,000+
Tailscan
4.29
3,000+
Riccardo Tempesta - MageSpecialist.it
4.71
2,000+
Wrep
4.37
200,000+