Alpine.js devtools

DevTools extension for debugging Alpine.js applications.
What is Alpine.js devtools?
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

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

Other platforms

Alpine.js devtools (v1.2.0)
4.67 (6) 1,442+
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.
Chrome-Stats extension

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
  • Exactly what I was looking for
  • Works well for smaller components
Cons
  • Does not detect components properly
  • Poor performance with larger components
  • Limited features (no support for stores or events)
  • Lack of ongoing development and no updates in two years
  • UI is uninspiring
Most mentioned
  • $store data support from Alpine V3
  • Performance issues with large components
  • Basic functionality for managing component state
Recent reviews
It does not detect any of my components
by Pierre T Pierre T, 2024-09-01

Muito bom! Parabéns!
by Tiago Oliveira Tiago Oliveira, 2021-04-29

Usando o Alpine em conjunto com o Livewire não encontrou nenhum componente.
by Roger Rodrigues Roger Rodrigues, 2024-04-29
View all user reviews

Extension safety

Risk impact

Alpine.js devtools may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully 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: