Hotwire Dev Tools

Dev Tools for Turbo and Stimulus

Hotwire Dev Tools - Chrome Extension

"Hotwire Dev Tools" is a Chrome extension designed to assist developers in inspecting their Turbo and Stimulus applications. It provides features to highlight Turbo frames, monitor Turbo streams, and log important events and warnings. For Stimulus, it highlights controllers, lists them, and checks for mismatches in controller names and targets. Users can easily enable or disable features through a user-friendly interface, enhancing their development experience.
Install from Chrome Web Store

Extension stats

By: Leon Vogt
Users: 946
-7
Rating: 5.00
(9)
Version: 0.3.2 (Last updated: 2024-12-06)
Creation date: 2024-06-05
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 3
Permissions:
  • storage
  • activeTab
Size: 123.90K

Other platforms

Not available on Android
Hotwire Dev Tools (v0.3.2)
5.00 (3) 128
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

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, ...)
  • Log all Turbo related events
  • Log warning when a Turbo Frame ID is not unique
  • Log warning when an element has data-turbo-permanent but no ID or a non-unique ID
  • Highlight Turbo Frame changes

Stimulus features:

  • Highlight Stimulus controllers
  • List all Stimulus controllers on the page
  • Log warning when a data-controller doesn't match any registered controller
See more

User reviews

by Yen Shirak, 2024-11-07

This is something that I was looking for. Thank you so much!
by B, 2024-10-25

This was deeply needed and is awesome.
by Noah Horton, 2024-10-11
View all user reviews

Extension safety

Risk impact

Hotwire Dev Tools requires very minimum permissions.

Risk likelihood

Hotwire Dev Tools is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this extension.

Upgrade to see risk analysis details

Promo images

Hotwire Dev Tools small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Hotwire Dev Tools: