Item logo image for Hotwire Dev Tools

Hotwire Dev Tools

Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot

Overview

Dev Tools for Turbo and Stimulus

This extension has the goal of helping developers inspect their Turbo and Stimulus applications. Turbo Features: - Highlight Turbo Frames - Monitor incoming Turbo Streams - Display Turbo context information (Turbo Drive enabled, morphing enabled, ...) - Display warning when a Turbo Frame ID is not unique - List all Turbo Frames on the page Stimulus Features - Highlight Stimulus controllers - List all Stimulus controllers on the page - Display warning when a `data-controller` doesn't match any registered controller Usage: Once installed, click on the extension icon (or press Alt+Shift+S) to open the Dev Tools options. From there you can enable/disable the features you want to use. Source code: https://github.com/leonvogt/hotwire-dev-tools

5 out of 56 ratings

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

Review's profile picture

Ricky GonzalezJun 19, 2024

Worked great out of the box . Fantastic stuff!

Review's profile picture

Enrico LabedzkiJun 10, 2024

The best Addon for https://hotwired.dev stack so far. The developer is very responsive to requests and ideas. Awaiting version 0.2.0 coming in the next few days.

Details

  • Version
    0.2.4
  • Updated
    August 25, 2024
  • Offered by
    Leon Vogt
  • Size
    121KiB
  • Languages
    English
  • Developer
    Email
    leon.vogt@hey.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

For help with questions, suggestions, or problems, visit the developer's support site

Related

Gimli Tailwind

4.5(30)

A DevTools extension enabling smart tools for Tailwind CSS.

Rails Panel

4.8(108)

Devtools panel for Rails development

Ember Inspector

4.8(345)

Tool for debugging Ember applications.

Raycast Companion

4.8(22)

A browser extension to give more context to Raycast

Code Climate

4.0(42)

A Chrome extension for Code Climate

GIFs for GitHub

4.8(32)

Easily search GIPHY to add a GIF into any GitHub comment box.

Web Vitals

4.1(43)

Measure metrics for a healthy site

Octotree - GitHub code tree

4.9(1.1K)

GitHub on steroids

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Notifier for GitHub

4.7(53)

Displays your GitHub notifications unread count

Alpine.js devtools

4.4(34)

DevTools extension for debugging Alpine.js applications.

AWS Peacock Management Console

4.5(4)

Browser Extension to change color of AWS Management Console, by Account ID

Gimli Tailwind

4.5(30)

A DevTools extension enabling smart tools for Tailwind CSS.

Rails Panel

4.8(108)

Devtools panel for Rails development

Ember Inspector

4.8(345)

Tool for debugging Ember applications.

Raycast Companion

4.8(22)

A browser extension to give more context to Raycast

Code Climate

4.0(42)

A Chrome extension for Code Climate

GIFs for GitHub

4.8(32)

Easily search GIPHY to add a GIF into any GitHub comment box.

Web Vitals

4.1(43)

Measure metrics for a healthy site

Octotree - GitHub code tree

4.9(1.1K)

GitHub on steroids

Google apps