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.

Download

Stats

By: Alpine.js devtools

View on Chrome Web Store

Users: 20,000+

Rating: 4.73 (30)

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

Email: su*****@codewithhugo.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 6082 ▲ 8

Other rankings

#5356 in Developer Tools ▲ 21 #30 in developer tools keyword 58 ▲ 4 #50 in component keyword 30 ▲ 1

Other platforms

Not available on Firefox

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.

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

User reviews summary

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
Very intuitive UI
Must-have for Alpine.js development

Cons

Performance issues with larger components
Limited features and slow performance
No ongoing development or improvement

Most mentioned

Missing $store data from Alpine V3
Slow to navigate the tree with big objects
Limited features and slow performance

Recent reviews

Usando o Alpine em conjunto com o Livewire não encontrou nenhum componente.

Roger Rodrigues, 2024-04-29

Thanks for your work ; it would be really fantastic if you could include $store data from alpine V3

Gilles Migliori (migli), 2023-07-28

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, 2023-07-24

View all user reviews

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.