Item logo image for Alpine.js devtools

Alpine.js devtools

alpinedevtools.com
4.1(

40 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.

Details

  • Version
    2.8.0
  • Updated
    July 15, 2026
  • Features
    Offers in-app purchases
  • Size
    72.23KiB
  • 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

Manage extensions and learn how they're being used in your organization
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

Vue.js devtools (beta)

3.7

DevTools browser extension for Vue.js

Tailwind CSS Devtools

4.4

Tailwind CSS Developer Tools

Inertia.js devtools

5.0

Inertia.js page json in devtools panel

Vue.js devtools

2.6

Browser DevTools extension for debugging Vue.js applications.

CSS To Tailwind

3.6

Convert a website's styles to Tailwind CSS classes

Livewire devtools

3.4

Chrome and Firefox DevTools extension for debugging Livewire applications.

Knockout Context Hover

3.8

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

Windy

2.7

Convert any HTML on any website to TailwindCSS

Fake Filler

4.3

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

Inertia.js DevTools

5.0

Inspect every Inertia.js visit in Chrome DevTools: props, requests, routes, and page state.

Alpine.js DevTools Pro

5.0

DevTools extension for debugging Alpine.js applications.

Gimli Tailwind

4.3

A DevTools extension enabling smart tools for Tailwind CSS.

Vue.js devtools (beta)

3.7

DevTools browser extension for Vue.js

Tailwind CSS Devtools

4.4

Tailwind CSS Developer Tools

Inertia.js devtools

5.0

Inertia.js page json in devtools panel

Vue.js devtools

2.6

Browser DevTools extension for debugging Vue.js applications.

CSS To Tailwind

3.6

Convert a website's styles to Tailwind CSS classes

Livewire devtools

3.4

Chrome and Firefox DevTools extension for debugging Livewire applications.

Knockout Context Hover

3.8

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

Windy

2.7

Convert any HTML on any website to TailwindCSS

Google apps