Alpine.js devtools

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.
Install from Chrome Web Store

Extension stats

Users: 20,000+
Rating: 4.44
(34)
Version: 1.2.0 (Last updated: 2021-09-08)
Creation date: 2020-04-28
Risk impact: Moderate risk impact
Risk likelihood:
Manifest version: 2
Permissions:
  • http://*/*
  • https://*/*
  • file:///*
Size: 69.41K

Other platforms

Not available on Android
Alpine.js devtools (v1.2.0)
4.67 (6) 1,515+
Not available on Edge
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

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
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 :(
by Joffrey Persia, 2024-11-04

It does not detect any of my components
by Pierre T, 2024-09-01

Performance... who? 🤔
by Yogesh Jagdale, 2024-08-06
View all user reviews

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: