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.
Download
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:
Low risk likelihood
Manifest version: 2
Permissions:
  • http://*/*
  • https://*/*
  • file:///*
Size: 69.41K

Ranking

# 6,445 ▲ 3
Other rankings
#6787 in Developer Tools ▼ 11 #36 in developer tools keyword 44 #60 in component keyword 26 ▲ 4

Other platforms

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

Analyze keywords

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:

Tailwind Devtools
Tailwind Devtools
Boy with Silver Wings
2.50
2,000+
CSS To Tailwind
CSS To Tailwind
iamnyasha
3.82
3,000+
Laravel TestTools
Laravel TestTools
Marcel Pociot
4.85
10,000+
Livewire devtools
Livewire devtools
rw4lll
3.86
10,000+
Knockout Context Hover
Knockout Context Hover
papounidis.alex
3.55
3,000+
Windy
Windy
https://usewindy.com
2.86
5,000+
Devtools for Tailwind CSS
Devtools for Tailwind CSS
https://devtoolsfortailwind.com
2.50
3,000+
Fake Filler
Fake Filler
https://fakefiller.com
4.42
300,000+
Gimli Tailwind
Gimli Tailwind
https://gimli.app
4.56
10,000+
Vue.js devtools (beta)
Vue.js devtools (beta)
vuejs-dev
3.80
100,000+
Tailwind CSS Devtools
Tailwind CSS Devtools
Tailscan
4.29
3,000+
MageSpecialist DevTools for Magento
MageSpecialist DevTools for Magento
Riccardo Tempesta - MageSpecialist.it
4.71
2,000+