Item logo image for Alpine.js devtools

Alpine.js devtools

alpinedevtools.com
4.4(

36 ratings

)
Item media 1 (screenshot) for Alpine.js devtools

Overview

DevTools extension for debugging Alpine.js applications.

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. The ability to change data on the fly helps with debugging Alpine.js components. If your application uses Alpine stores or encounters evaluation errors, the stores and warnings tabs will be populated.

4.4 out of 536 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    2.3.0
  • Updated
    April 28, 2025
  • Features
    Offers in-app purchases
  • Size
    51.8KiB
  • Languages
    English (United States)
  • Developer
    Website
    Email
    support@alpinedevtools.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Gimli Tailwind

4.6(36)

A DevTools extension enabling smart tools for Tailwind CSS.

Vue.js devtools (beta)

3.8(151)

DevTools browser extension for Vue.js

Tailwind CSS Devtools

4.4(8)

Tailwind CSS Developer Tools

Inertia.js devtools

5.0(3)

Inertia.js page json in devtools panel

Tailwind Devtools

2.5(8)

A sidebar pane for Tailwind CSS classes

CSS To Tailwind

3.6(22)

Convert a website's styles to Tailwind CSS classes

Laravel TestTools

4.9(67)

Chrome extension to generate Laravel integration tests while using your app.

Livewire devtools

3.9(14)

Chrome and Firefox DevTools extension for debugging Livewire applications.

Knockout Context Hover

3.5(11)

KnockoutJS Context Hover - Development and debugging assistant for Knockout JS. Tested on: 3.4.2, 3.1.0, 2.2.1

Windy

2.8(22)

Convert any HTML on any website to TailwindCSS

Devtools for Tailwind CSS

2.5(18)

Devtools for Tailwind CSS

Fake Filler

4.4(760)

A form filler that fills all inputs on a page with fake/dummy data.

Gimli Tailwind

4.6(36)

A DevTools extension enabling smart tools for Tailwind CSS.

Vue.js devtools (beta)

3.8(151)

DevTools browser extension for Vue.js

Tailwind CSS Devtools

4.4(8)

Tailwind CSS Developer Tools

Inertia.js devtools

5.0(3)

Inertia.js page json in devtools panel

Tailwind Devtools

2.5(8)

A sidebar pane for Tailwind CSS classes

CSS To Tailwind

3.6(22)

Convert a website's styles to Tailwind CSS classes

Laravel TestTools

4.9(67)

Chrome extension to generate Laravel integration tests while using your app.

Livewire devtools

3.9(14)

Chrome and Firefox DevTools extension for debugging Livewire applications.

Google apps